/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow:0 0 15px rgba(0,0,0,.2)}
header .top{width:100%;padding:.14rem 0}
header .top .text-left{float:left;width: 20%;}
header .top .text-left .img{display:inline-block;width: 50%;}
header .top .text-left a{display:inline-block;}
header .top .text-right{float:right;width: 76%;font-size: 0;position: relative;}
header .top .text-right>div{display:inline-block;vertical-align:middle;height: .51rem;line-height: .51rem;font-size: .14rem;}
header .top .search{width: 93%;}
header .top .search form{display:block;position:relative;}
header .top .search form input{display:block;width:100%;height:inherit;height:.51rem;border:1px solid #e2e2e2;padding: 0 .15rem;}
header .top .search form button{position:absolute;right: .2rem;top: 50%;background: url(../images/search.png) no-repeat;background-size: 100%;width: .19rem;height: .19rem;border: none;margin-top: -.095rem;}
header .top .wx{padding-left: .1rem;width: 4%;}
header .top .lang{width: 3%;text-align: center;}
header .top .lang a{font-size:.14rem;color:#000;line-height: .51rem;height: .51rem;}
header .bot{font-size:0;border-top: 1px solid #ececec;position:relative}
header .bot .text-left{float:left}
header .bot .text-left li {display:inline-block;margin-right:.5rem;}
header .bot .text-left li .class3{position:absolute;top:100%;left:0;width:100%;margin:0;padding:.2rem 0;background:#f0f0f0;transition:none;display:none;}
header .bot .text-left li .class3 h6 {font-size:.24rem;color:#2f2f31;font-weight:500;text-transform:uppercase;padding:.1rem 0 0;line-height:2;letter-spacing:1.4px;}
header .bot .text-left li .class3 .items {display:flex; -webkit-box-pack: justify;-ms-flex-pack: justify;    justify-content: flex-start;  }
header .bot .text-left li .class3 .items dl {margin-right: 15px;padding:0;margin-bottom:0;min-width:23%}
header .bot .text-left li .class3 .items dl dt {font-size:.16rem;letter-spacing:1.4px;font-weight:400;text-transform: uppercase;line-height:2;color:#2f2f31;}
header .bot .text-left li .class3 .items dl dd {line-height:1.71;}
header .bot .text-left li .class3 .items dl dd a{font-size:.14rem;color:#2f2f31;    letter-spacing: .7px;font-weight: 400;    line-height: 1.71;
    height: auto;
    display: inline-block;
}
header .bot .text-left li .class3 .items dl dd a:hover{color:#887e6d}
header .bot .text-right{float:right;position: relative;}
header .bot .text-right:after{position:absolute;content:'';left:0;top:50%;width:1px;height:.3rem;margin-top:-.15rem;background:#d8d8d8}
header .bot a{font-size:.16rem;color:#887e6d;font-family:'arial';display:inline-block;vertical-align: middle;line-height: .5rem;height: .5rem;text-transform:capitalize;font-weight:bold;}
header .bot a:hover,header .bot a.on{color:#1e1e1e;}
header .bot .text-left a{font-weight:bold;}
header .bot .text-right a{margin-left: .3rem;}
/***** Header End *****/

.tem_banner{position:relative;width:100%;padding-top: 1.31rem;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: left;color: #fff;}
.tem_banner.index .txt .pd{display:inline-block;text-align:left;max-width: 4.95rem;}
.tem_banner.index .txt .logo{font-size:0;margin-bottom: .35rem;}
.tem_banner.index .txt .logo .img{display:inline-block;width:2.17rem;opacity:0;transition:none;transform:translateY(30px);}
.tem_banner.index .txt .title {width: 100%;}
.tem_banner.index .txt .title>*{text-shadow: 1px 1px 5px #000;}
.tem_banner.index .txt .title h2{font-size: .65rem;display: block;font-weight: normal;opacity:0;transform:translateY(30px);transition: 1s;line-height: 1.4;}
.tem_banner.index .txt .title p{font-size: .3rem;display: block;margin: .2rem 0 .3rem;opacity:0;transform:translateY(30px);transition: 1s;text-transform: uppercase;}
.tem_banner.index .txt .title span {font-size: .3rem;display:block;opacity:0;transform:translateY(30px);transition: 1s;}
.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 .swiper-slide-active .txt .title span{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}

.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center}
.tem_banner .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 .slide-pagination span.swiper-pagination-bullet-active{background: #2755ab;border-color: #2755ab;}

.tem_banner.indise .flash{font-size:0;position: relative;}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 0;left:0;width:100%;height: 100%;text-align: center;z-index: 1;color:#fff;}
.tem_banner.indise .txt h2{font-size:.48rem;text-transform: uppercase;font-weight:normal;}
.tem_banner.indise .txt p{font-size:.3rem;display:block;margin-top:.3rem;}

.tem_banner.indise .txt .nav{background: #1e4ba7;text-align:left;overflow: hidden;}
.scode-2 .tem_banner.indise .txt .nav {display: none;}
.tem_banner.indise .txt .nav li{display:inline-block;vertical-align:top;font-size:.2rem;text-align:center;}
.tem_banner.indise .txt .nav li a {line-height: .9rem;color: #fff;font-size: .16rem;position: relative;padding: 0 .6rem;}
.tem_banner.indise .txt .nav li a::after{position:absolute;content:'';width:1px;height:.5rem;margin-top:-.25rem;right:0;top:50%;border-right:dashed 1px #fff}
.tem_banner.indise .txt .nav li a i {margin-left: .1rem;}
.tem_banner.indise .txt .nav li a:hover {background: #1b408a;}

.index_product{width: 100%;}
.index_product .one{padding:.5rem .6rem;font-size:0;}
.index_product .one .text-left{padding-right:.15rem;}
.index_product .one .text-right{padding-left: .15rem;}
.index_product .one a{display:inline-block;}
.index_product .one a:hover {transform: translateY(-.2rem);box-shadow: 1px 1px 10px #373737;}

.index_product .ones{width: 100%;}
.index_product .ones a {position: relative;margin-bottom: .6rem;}
.index_product .ones a img{transition:7s;}
.index_product .ones a:hover img{transform: scale(1.2);transition: 7s;}
.index_product .ones a .txt{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;padding:0 .5rem}
.index_product .ones a .txt h2{font-size:.36rem;color:#FFF;display: block;padding-bottom: .15rem;margin-bottom: .15rem;position: relative;}
.index_product .ones a .txt h2:after{position:absolute;content:'';bottom:0;left:50%;height:2px;width:1.6rem;background:#2d2c2d;margin-left:-.8rem;}
.index_product .ones a .txt h2:before{position:absolute;content:'';bottom:0;left:50%;height:2px;width:0;background:#887e6d;margin-left:0;z-index:1;transition: .36s;}
.index_product .ones a .txt h2:hover:before{width:1.6rem;margin-left:-.8rem;transform:.36s}
.index_product .ones a .txt p{font-size: .16rem;color: #FFF;display: inline-block;}
.index_product .ones a .txt p:hover {color: #887e6d;}

.index_about{width:100%;padding-bottom:.6rem;}
.index_about .title{padding:.4rem 0;background:#edeff0;text-align:center;}
.index_about .title h2{font-size:.36rem;color:#887e6d;display:inline-block;padding:.15rem 1.5rem;margin-bottom: .2rem;}
.index_about .title p{font-size:.16rem;color:#887e6d;}
.index_about .row{width:100%;}
.index_about .row .text-left{padding-right:.1rem;}
.index_about .row .text-left a{background:url(../images/about_bj.jpg) no-repeat center;background-size:cover;text-align:center;height: 100%;color:#fff;}
.index_about .row .text-left a h2{font-size:.36rem;}
.index_about .row .text-left a p{font-size:.16rem;display: block;margin: .1rem 0 .5rem;}
.index_about .row .text-left a span{font-size:.16rem;}
.index_about .row .text-right{padding-left:.1rem}
.index_about .row .text-right a{margin-bottom:.2rem;position:relative}
.index_about .row .text-right a:last-child{margin-bottom:0}
.index_about .row .text-right a .time{position:absolute;left:0;top:.18rem;color:#fff;text-align:left;font-size:.16rem}
.index_about .row .text-right a .time h2{display:inline-block;text-transform:uppercase;padding:.1rem .5rem .1rem .25rem;background:#887e6d}
.index_about .row .text-right a .time p{display:block;padding-left:.25rem;margin-top:.1rem;text-shadow:1px 1px 5px #000}
.index_about .row .text-right a .name{position:absolute;left:0;bottom:0;background:rgb(0 0 0 / 45%);width:100%;padding:.15rem;text-align:left}
.index_about .row .text-right a .name p{color:#fff;font-size:.16rem}
.index_about .row .text-right img{transition:3s;}
.index_about .row .text-right a:hover img{transform:scale(1.1);transition:3s}


/*** page web ***/
.page_web{width:100%;background: #f8f8f8;}
.page_head{border-bottom: 1px solid #e5e5e5;line-height: .6rem;}
.page_head .nav{padding-right:1rem}
.page_head .nav li{display:inline-block;vertical-align:top;margin-right: .4rem;}
.page_head .nav li a{line-height:.6rem;color:#272626;font-size:.16rem;position:relative;overflow:hidden;}
.page_head .nav li a:after{position: absolute;bottom: 0;left: 50%;content: '';width: .12rem;height: .09rem;background: url(../images/sj.png) no-repeat;margin-left: -.06rem;background-size: .12rem;transform: translateY(.09rem);transition:.36s;}
.page_head .nav li a:hover,.page_head .nav li a.on {color: #17998d;}
.page_head .nav li a:hover:after,.page_head .nav li a.on:after{transform: translateY(0);transition:.36s;}
.page_head .position{position:absolute;right:0;top:0;color: #888;font-size: .14rem;}
.page_head .position>* {display: inline-block;vertical-align: top;font-size: .16rem;}
.page_head .position a{color:#888;margin:0 .03rem;}
.page_head .position i {font-family: 'arial';margin: 0 .02rem;}
.page_head .position a:hover{color: #17998d;}

.page_content{padding: .6rem 0 .8rem;}

.paginations{font-size:0;text-align:center;margin-top:.4rem}
.paginations span{width:.1rem;height:.1rem;margin:0 .02rem;opacity:1;background:#cacaca}
.paginations span.swiper-pagination-bullet-active{background: #887e6d;}

.page_position{position:relative;top:-1.5rem}

.page_profile{width:100%;padding: .8rem 0 .5rem;}
.page_profile .txt{padding-right:.75rem;}
.page_profile .txt .title{display:block;margin-bottom:.3rem;}
.page_profile .txt .title h2{font-size:.48rem;color:#887e6d;text-transform:uppercase;}
.page_profile .txt .con{font-size: .16rem;color: #626262;line-height: 1.9;}
.page_profile .txt .con h2{font-size:.3rem;color:#202020;}
.page_profile .video{}

.page_equipment{padding-bottom: .6rem;}
.page_equipment .title{margin-bottom:.35rem;}
.page_equipment .title h2{font-size:.48rem;color:#887e6d;}
.page_equipment .list{padding-bottom:.5rem;border-bottom:1px solid #a3a3a3}

.page_honor{width: 100%;}
.page_honor .title{margin-bottom: .45rem;}
.page_honor .title h2{font-size:.48rem;color:#887e6d;}
.page_honor .list{padding-bottom: .8rem;}
.page_honor .list .box{padding:.15rem .2rem;background:#e5e5e5;}

.page_product{width:100%;padding:.8rem 0}
.page_product .title{margin-bottom:.5rem;border-bottom: 1px solid #e1e1e1;}
.page_product .title h2{color:#887e6d;font-size:.48rem;display: inline-block;padding-bottom: .25rem;position: relative;}
.page_product .title h2:after {position: absolute;content: '';left: 0;bottom: -1px;width: 100%;height: 2px;background: #887e6d;}
.page_product .list{width:100%}
.page_product .list>div{padding:0 .2rem;}
.page_product .list .img{position:relative;}
.page_product .list .img .box {padding: .4rem .3rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;}
.page_product .list .img>img {width:100%;height:2.69rem;object-fit:cover;transition:none;}
.page_product .list .img .box>div {position: relative;}
.page_product .list .img .box>div:after{background:rgb(136 126 109 / 50%);position:absolute;content:'';left:50%;top:50%;width:0;height:0;transition:.36s}
.page_product .list a:hover .img .box>div:after{transition:.36s;width:100%;height:100%;left:0;top:0}
.page_product .list .img .box span {position:relative;z-index:1;display: inline-block;margin: 0 auto;font-size: .16rem;color: #fff;background: #1d1d1d;padding: .1rem .25rem;opacity: 0;transform: translateY(50px);}
.page_product .list a:hover .img .box span{opacity:1;transform: none;transition-delay: .15s;}
.page_product .list p{color:#272726;font-weight:bold;display:block;padding:.15rem 0 .3rem;}

.show_product{padding:1.8rem 0 1.2rem;background: #f7f7f7;}
.show_product .top{margin-bottom: .55rem;border-bottom: 2px solid #535353;}
.show_product .top .left{float:left;width: 46.5%;}
.show_product .top .left .thumbs {padding: .4rem 0;position: relative;}
.show_product .top .left .thumbs .swiper-slide{position:relative}
.show_product .top .left .thumbs .swiper-slide:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;border:2px solid #535353;opacity:0;transition:.36s}
.show_product .top .left .thumbs .swiper-slide-thumb-active:after{opacity:1;transition:.36s}
.show_product .top .left .bigimg {border: 1px solid #ddd;padding: .6rem .85rem;position: relative;}
.show_product .top .left .bigimg .box {border: 1px solid #d9d9d9;}
.show_product .top .left .navigation{position:absolute;left: 0;top:50%;width: 100%;z-index: 1;}
.show_product .top .left .navigation>div{position:absolute;top:0;font-size:.4rem;width: .4rem;height: .4rem;line-height: .4rem;color:#887e6d;cursor:pointer;margin-top: -.2rem;text-align: center;}
.show_product .top .left .navigation>div.swiper-button-disabled {color: #000;}
.show_product .top .left .navigation .lefts{left: .2rem;}
.show_product .top .left .navigation .rights{right: .2rem;}
.show_product .top .right{float:left;width:53.5%;padding:.5rem}
.show_product .top .right .title{padding-bottom:.25rem;border-bottom:1px solid #8d8d8d;}
.show_product .top .right .title h2{font-size: .24rem;color: #272726;}
.show_product .top .right .link{padding: .35rem 0 .1rem;font-size:0;}
.show_product .top .right .link a{display:inline-block;vertical-align:middle;width:.3rem;height:.3rem;background:#2a95f7;color:#fff;text-align:center;line-height:.3rem;border-radius:100%;font-size:.16rem;margin-right:.08rem;position:relative;}
.show_product .top .right .link a>div{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1.3rem;background:#FFF;padding:5px;border-radius:6px;opacity:0;visibility:hidden;box-shadow:0 0 4px rgba(0,0,0,.2)}
.show_product .top .right .link a:hover>div{opacity:1;visibility:visible;}


.show_product .top .right .button{font-size:0;margin:.7rem 0}
.show_product .top .right .button a{margin-right:.38rem;display:inline-block;vertical-align:top;font-size:.16rem;color:#fff;background:#7b7b7b;width:1.6rem;line-height:.48rem;text-align:center;border-radius:.3rem}
.show_product .top .right .button a:hover {background: #8e8474;}
.show_product .top .right .click{background:#9a9a9a;text-align:center;padding:.12rem}
.show_product .top .right .click a{color:#fff;font-size:.16rem;text-decoration:underline}
.show_product .content{width:100%;padding-bottom: .6rem;border-bottom: 1px solid #555;}
.show_product .content .title{margin-bottom: .35rem;}
.show_product .content .title h2 {color: #050505;font-size: .24rem;display: inline-block;border-bottom: 3px solid #8e8474;padding-bottom: .15rem;}
.show_product .content .con{font-size:.16rem;color:#555;}
.show_product table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0;}
.show_product table td{border:1px solid #ddd!important}
.show_product 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: .1rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd;}
.show_product table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.show_product .recommended{padding: .3rem 0 .5rem;}
.show_product .recommended .title {color: #4c4a4a;font-size: .24rem;margin-bottom: .2rem;}
.show_product .recommended .title h2 {padding-left: .35rem;position: relative;}
.show_product .recommended .title h2:after {position: absolute;content: '';left: 0;top: 50%;width: .2rem;height: .03rem;margin-top: -.015rem;background: #555;}
.show_product .recommended .list .swiper-slide a{display:block;overflow:hidden}
.show_product .recommended .list .swiper-slide .img{overflow:hidden;}
.show_product .recommended .list .swiper-slide p{font-size:.16rem;color:#272726;font-weight:bold;display: block;margin-top: .1rem;}

.show_product .recommended .list a:hover .img{box-shadow:1px 1px 10px #a4a4a4}
.show_product .recommended .list a:hover img{transform:scale(1.1)}
.show_product .recommended .list a:hover p{color:#887e6d;}
.show_product .recommended .slide-pagination{margin:.45rem 0 0;text-align:center}
.show_product .recommended .slide-pagination span {width: .1rem;
    height: .1rem;
    margin: 0 2px;
    opacity: 1;
    background: #cacaca;}
.show_product .recommended .slide-pagination span.swiper-pagination-bullet-active{background:#887e6d}

.page_case{padding:.8rem 0}
.page_case .title{text-align:center;margin-bottom:.5rem}
.page_case .title h2{font-size:.36rem;color:#191919;display:block;margin-bottom:.1rem;}
.page_case .title p{font-size:.18rem;color:#8c8c8c;}
.page_case .list{width:100%}
.page_case .list>div{position: relative;margin-bottom:.9rem;font-size:0;}
.page_case .list .text-left {padding-right: .6rem;}
.page_case .list .text-right{padding-left: .6rem;}
.page_case .list>div a{display:inline-block;position:relative;}
.page_case .list>div a:hover{box-shadow:1px 1px 10px #b1b1b1}
.page_case .list>.text-right{transform:translateY(.8rem)}
.page_case .list h2{position:absolute;left:0;bottom:0;width:40%;padding: .2rem;background:#fff;line-height:1.6;}
.page_case .list h2 p{font-size:.16rem;color:#000000}
.page_case .list span{position:absolute;right:.3rem;bottom:.25rem;padding: .1rem .6rem .1rem .15rem;background:#fff;font-size:.14rem;border-radius: .3rem;color: #000;}
.page_case .list a:hover img{transform:scale(1.1)}
.page_case .list a:hover span {background: #dfdfdf;box-shadow:1px 1px 4px #6b6b6b}
.page_case .list span:after {width: .16rem;height: 100%;position: absolute;content: '';top: 0;right: .2rem;background: url(../images/jt.png) no-repeat right center;}

.show_case{padding:.8rem 0;background:#f7f7f7;}
.show_case .title{text-align:center;margin-bottom:.5rem;}
.show_case .title h2{font-size:.36rem;display:block;margin-bottom:.1rem;}
.show_case .title p{color:#8c8c8c;font-size:.18rem;}
.show_case .images{text-align:center;}
.show_case .con{margin-top: .6rem;padding: .5rem .5rem .8rem;background: #fff;}
.show_case .con>div{padding: .5rem .3rem;border-bottom:1px solid #e8e8e8;}
.show_case .con>div h2{font-size:.24rem;color:#133463;display:block;margin-bottom:.3rem;position: relative;padding-left: .22rem;}
.show_case .con>div h2:after {position: absolute;content: '';left: 0;top: 50%;width: .1rem;height: .1rem;background: #133463;border-radius: 100%;margin-top: -.05rem;}
.show_case .con>div p{font-size:.16rem;color:#424242;line-height:1.8}

.page_news{width:100%;padding: .9rem 0 1rem;}
.page_news .title{margin-bottom: .8rem;text-align: center;}
.page_news .title h2{font-size:.36rem;color: #887e6d;display:block;margin-bottom:.1rem;}
.page_news .title p{font-size:.18rem;color:#8c8c8c;text-transform:capitalize;}

.page_news .list {width: 100%;}
.page_news .list li{margin-bottom: .35rem;}
.page_news .list li a:hover{box-shadow:1px 1px 10px #c9c9c9}
.page_news .list li a:hover img{transform:scale(1.1)}
.page_news .list li a {background:#f7f7f7;font-size:0}
.page_news .list li a>div{display:inline-block;vertical-align:middle;}
.page_news .list li a .img{width: 39.5%;position: relative;}
.page_news .list li a .img .box{position: absolute;top: .2rem;left: 0;font-size: 0;text-align: left;}
.page_news .list li a .img h2{background:#887e6d;font-size:.16rem;color:#fff;padding:.1rem .25rem;display: inline-block;}
.page_news .list li a .img p{font-size: .16rem;color: #fff;padding-left: .25rem;display: block;margin-top: .15rem;text-shadow: 1px 1px 3px #000;}
.page_news .list li a .txt{width: 60.5%;padding:0 .4rem;}
.page_news .list li a .txt h2{font-size:.2rem;color:#111111;margin-bottom: .2rem;line-height: 1.6;}
.page_news .list li a .txt p{font-size:.16rem;color:#424242;line-height: 1.6;}


.show_news {padding: .6rem 0 1rem;}
.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}
.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}

.editor{padding:.1rem 0;line-height:1.8}
.editor table tr{border-top:1px solid #555;border-left:1px solid #555}
.editor table tr{border-bottom:1px solid #555}
.editor table tr td{border-right:1px solid #555}

.page_contact{padding: .7rem 0 1.5rem;background: #f7f7f7;}
.page_contact .title{margin-bottom:.35rem;}
.page_contact .title h2{font-size:.48rem;color:#887e6d;}
.page_contact .con{font-size:.16rem;line-height:2;color:#4e4e4e;}
.page_contact .con h2{padding-top:.15rem;margin-bottom:.3rem;position:relative}
.page_contact .con h2:after{position:absolute;content:'';left:0;top:0;width:.5rem;height:.03rem;background:#111;}

.page_message{padding:.6rem 0;}
.page_message .title{margin-bottom:.36rem;}
.page_message .title h2{font-size:.48rem;color:#887e6d;}
.page_message .con{width:100%}
.page_message .con form{display: block;font-size: 0;}
.page_message .con form>div{width:100%;display: inline-block;padding: 0 .1rem;margin-bottom: .55rem;}
.page_message .con form .input{width: 33.33%;}
.page_message .con form>div>*{display:block;width:100%;height:.55rem;line-height:.55rem;padding:0 .1rem;border:1px solid #888888;font-family: 'arial';}
.page_message .con form>div>textarea {height: 2rem;padding: .1rem;line-height: 1.5;}
.page_message .con form>div>button{display:inline-block;width: initial;font-size: .14rem;background: #383839;color: #fff;border: none;padding: 0 .5rem;}

footer{border-top: 1px solid #d8d8d8;background: #f2f2f3;width: 100%;padding: .35rem 0 .5rem;}
footer>div>div{float:left;}
footer>div>.left{width: 35%;text-align: left;padding-right: .4rem;}
footer>div>.left .logo{text-align:left;margin-bottom:.2rem}
footer>div>.left .desc{font-size:.16rem;color:#3b3b3b;line-height:2;margin-bottom:.2rem}
footer>div>.left .desc p a{display:inline-block;font-size:.16rem;color:#333}
footer>div>.left .bq>*{display:inline-block;vertical-align:top;font-size:.16rem;color:#737373;margin-right:.1rem}
footer>div>.min{width:45%}
footer>div>.min>div{float:left;width:50%;padding-right:1.2rem}
footer>div>.min>div .box{border-top:2px solid #909091;padding-top:.2rem}
footer>div>.min>div a{font-size:.16rem;color:#3b3b3b;line-height:1.8;font-family:arial;display:inline-block}
footer>div>.right{width:20%;float:right}
footer>div>.right .text{margin-bottom:.35rem}
footer>div>.right .text h2{font-size:.24rem;color:#3b3b3b;text-transform:uppercase}
footer>div>.right .text p{font-size:.16rem;color:#737373;display:block;margin:.1rem 0}
footer>div>.right .text a{display:inline-block;padding:.15rem .6rem;background:#887e6d;color:#fff;font-size:.16rem}
footer>div>.right .link{font-size:0}
footer>div>.right .link a{display:inline-block;vertical-align:top;width:.3rem;height:.3rem;line-height:.3rem;font-size:.16rem;border:2px solid #53565a;text-align:center;margin-right:.2rem;color:#53565a;position:relative}
footer>div>.right .link a>div{position:absolute;bottom:.35rem;left:50%;width:1.3rem;padding:5px;border-radius:5px;transform:translateX(-50%);opacity:0;visibility:hidden;background:#FFF;box-shadow:2px 2px 4px rgba(0,0,0,.12)}
footer>div>.right .link a:hover>div{opacity:1;visibility:visible}
/*筛选*/
.pad26 {padding:0 2.6rem;}
.screening_box {padding:.65rem 0 1.4rem;font-size:0}
.screening_box>div>div{display:inline-block;vertical-align:top;width:25%}
.screening_box .let_column {padding-right:.35rem;}
.screening_box .let_column h3{font-size:.26rem;color:#887e6d;font-weight:bold;margin:0 0 .45rem;}
.screening_box .let_column h3 a{font-size:.26rem;color:#887e6d;}
.screening_box .let_column dl {margin:0 0 .2rem}
.screening_box .let_column dl dt {background:#e1e1e1;padding:0 5px;font-size:.16rem;color:#333;line-height:.35rem;margin:0 0 .1rem}
.screening_box .let_column dl dd{line-height:.25rem;}
.screening_box .let_column dl dd a{font-size:.14rem;color:#2a2a2a;}
.screening_box .let_column dl dd a:hover,.screening_box .let_column dl dd a.active {color:#887e6d;}


.screening_box .rlt_list {width:75%}
.screening_box .rlt_list li {padding:0 .15rem .25rem;margin:0 0 .15rem;border-bottom:1px dashed #ababab}
.screening_box .rlt_list li .imgs {overflow:hidden;}
.screening_box .rlt_list li img {width:100%;height:3.18rem;object-fit:cover;transition:none}
.screening_box .rlt_list li p {font-size:.16rem;color:#2a2a2a;margin:.15rem 0 0;}
.screening_box .rlt_list li a:hover img {transform:scale(1.06);transition:all .3s ease-in-out;}
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #887e6d;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-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: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #555;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: #444;}
.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: #b3b3b3;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: #fff;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;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
	
	.pad26 {padding:0 .45rem;}
}

/********mobile*********/
@media(max-width:767px){
    .index_product .one .text-left,.index_about .row .text-left{padding-right:0;margin-bottom:.3rem;}
    .index_product .one .text-right,.index_about .row .text-right{padding-left:0}
    footer>div>.left{width:100%;padding-right: 0;}
    footer>div>.min{display:none}
    footer>div>.right{width:100%;text-align: center;margin-top: .3rem;}
    .show_product .top .left{width:100%}
    .show_product .top .right{width:100%;margin-top:.3rem;}
    .page_news .list li a>div{display:block;width:100%}
    .page_news .list li a>.img{width:100%;}
    .page_news .list li a>.txt{width:100%;padding:.5rem .2rem .6rem;}

    .pad26 {padding:0 .25rem;}
    .screening_box .let_column{width:45%}  
    .screening_box .rlt_list{width:55%}
}