.max_width{width:90%;margin:0 auto;}
/***** Header *****/
.header{position:fixed;top:0;left:0;z-index:18;width:100%;padding:0 2.1rem 0 0;display:flex;justify-content:space-between;align-items:center}
.header .items{display:flex;}
.header .items .menus{background:#000;position:relative;flex:0 0 1.05rem;height:1.1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.header .items .menus span {display:block;width:.24rem;height:2px;background:#FFF;position:relative}
.header .items .menus span:before,.header .items .menus span:after{content:'';width:100%;height:2px;background:#FFF;position:absolute;top:-.08rem;left:0}
.header .items .menus span:after{top:auto;bottom:-.08rem;}
.header .items .logos{background:#FFF;line-height:1.1rem;text-align:center;flex:0 0 2.05rem;}
.header .items .logos img {max-height:.85rem;transition:none;}
.header .boxs{display:flex;align-items:center;gap:0 1.5rem;}
.header .boxs ul {display:flex;align-items:center;gap:0 .6rem;}
.header .boxs li a{font-size:.16rem;color:#FFF;opacity:.45}
.header .boxs li.active a,.header .boxs li a:hover{opacity:1}
.header .boxs dl {margin:0;padding:0;position:relative}
.header .boxs dl dt {border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:0 .23rem;line-height:.35rem;font-size:.16rem;color:#FFF;text-transform:uppercase;cursor:pointer;}
.header .boxs dl dt i{font-size:.14rem;margin-left:.1rem;}
.header .boxs dl dd{position:absolute;top:100%;left:0;width:100%;border:1px solid rgba(255,255,255,.5);border-radius:0 0 10px 10px;background:#FFF;text-align:center;display:none;transition:none;}
.header .boxs dl dd a{display:block;line-height:.4rem;font-size:.16rem;color:#333;border-top:1px solid #eee}
.header .boxs dl.on dt {background:#FFF;border-radius:10px 10px 0 0;color:#333}
.header .boxs dl.on dt i{transform:rotate(180deg)}

.product header{background:#000;}
.product .page_nav{position:fixed;width:100%;left:0;background: #e8ebec;top: .9rem;line-height: .6rem;z-index: 2;}
.product .page_nav>div{display:flex;flex-direction: row;justify-content: space-between;}
.product .page_nav>div>div{display:flex;font-size: .16rem;color: #000000;}
.product .page_nav .position a{margin:0 .05rem;}
.product .page_nav .position a:first-child{margin-left:0}
.product .page_nav .nav a{margin-left:.35rem}
.product .page_nav>div>div a:hover{color:#e62129;}

.is_header{background:rgba(0,0,0,.8)}

/***** Header End *****/

.tem_banner{position:relative;width: 100%;margin: 0 auto;}
.tem_banner .swiper-slide img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .label_txt{position:absolute;left:2.1rem;top:50%;transform:translateY(-50%);z-index:1;text-align:left;}
.tem_banner .label_txt p{font-size:.69rem;color:#FFF;margin:0;}
.tem_banner .label_txt>*{opacity:0;transform:translateY(5vw)}
.tem_banner .swiper-slide-active .label_txt>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}

.tem_banner .slide-pagination{position:absolute;z-index:1;bottom:1.5rem;left:2.1rem;width:auto;display:flex;gap:0 .16rem;align-items:center;}
.tem_banner .slide-pagination span{width:.08rem;height:.08rem;border-radius:100%;opacity:1;outline:none;margin:0;background:#909191}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{width:.16rem;height:.16rem;background:none;border:1px solid #FFF}

.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;display: flex;align-items: center;}
.tem_banner.indise .txt .title{width:100%;text-align:left;}
.tem_banner.indise .txt .title>*{text-transform:uppercase;text-shadow:1px 1px 4px #000;}
.tem_banner.indise .txt .title h2{font-size:.48rem;color:#fff;font-family: 'BodoniBT';}
.tem_banner.indise .txt .title p{font-size:.18rem;color:#fff;font-family:'arial';display:block;width:40%;margin-top:.3rem;line-height:1.6}
/**/
.index_about{padding:1.55rem 0 .92rem;background:url(../images/x0.png) center no-repeat #FFF;background-size:3.67rem auto;text-align:center;}
.index_about h3 {font-size:.48rem;color:#191817;font-family:"Roboto-Bold";text-transform:uppercase}
.index_about h2{font-size:.3rem;color:#191817;margin:.4rem 0}
.index_about h2 i{font-family:"Roboto-Bold";font-size:.6rem;}
.index_about p{font-size:.15rem;color:#4c4c4c;margin:0 auto .95rem;width:6.7rem;max-width:100%}
.index_about a{display:inline-block;background:#eee;font-size:.16rem;color:#494949;text-transform:uppercase;line-height:.69rem;padding:0 .94rem;box-shadow:0 0 .18rem rgba(0,0,0,.91)}

.index_product{overflow:hidden}
.index_product .column{display:flex;}
.index_product .column>div{flex:0 0 50%;position:relative}
.index_product .column .imgs{position:relative}
.index_product .column .imgs:before{content:attr(data-name);font-size:.36rem;color:#FFF;position:absolute;top:.85rem;right:.75rem;z-index:1;opacity:.57}
.index_product .column .imgs img {width:100%;height:9.58rem;object-fit:cover;transition:none;}
.index_product .column a{display:block;position:relative;}
.index_product .column .ck_ons{position:absolute;top:0;left:0;width:110%;height:100%;opacity:0;transform:translateX(3vw);z-index:3}
.index_product .column .ck_ons .imgs{width:100%;height:100%}
.index_product .column .ck_ons .imgs img {width:100%;height:100%;object-fit:cover;transition:none}
.index_product .column .ck_ons:before{content:attr(data-name);font-size:.36rem;color:#FFF;position:absolute;top:.85rem;right:.75rem;z-index:1}
.index_product .column h5 {font-size:2.58rem;color:#FFF;font-family:"Roboto-Bold";position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);opacity:0;}
.index_product .column>div.on {z-index:2}
.index_product .column>div.on h5{opacity:1}
.index_product .column>div.on .ck_ons{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_product .column>div:nth-child(2) .ck_ons{left:auto;right:0}
.m210 {margin:0 2.1rem;}

.index_product .titles>div{display:flex;justify-content:space-between;align-items:center;}
.index_product .titles ol{margin:0;padding:0;display:flex;align-items:center;gap:0 1.1rem;}
.index_product .titles ol li a{font-size:.3rem;color:#161616;font-family:"Roboto-Bold";line-height:1.48rem;display:block;opacity:.33}
.index_product .titles ol li#current a,.index_product .titles ol li a:hover{opacity:1}
.index_product .titles .swiper-page{display:flex;gap:0 .45rem;align-items:center}
.index_product .titles .swiper-page .slide-pagination{display:flex;align-items:center;}
.index_product .titles .swiper-page .slide-pagination span {opacity:1;outline:none;width:.27rem;height:1px;background:#dbdbdc;border-radius:0;margin:0;}
.index_product .titles .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#000}
.index_product .titles .swiper-page .pages{display:flex;align-items:center;gap:0 7px;}
.index_product .titles .swiper-page .pages>div{width:.42rem;height:.42rem;background:#e0e0e1;border-radius:100%;text-align:center;font-size:.16rem;color:#000;line-height:.42rem;}
.index_product .lists .swiper-slide a{display:block;position:relative;border:1px solid #aaa;background:#eee;padding:.5rem .25rem .35rem;text-align:center}
.index_product .lists .swiper-slide .imgs{height:6.2rem;line-height:6.2rem;}
.index_product .lists .swiper-slide .imgs img {max-height:5.45rem;transition:none;}
.index_product .lists .swiper-slide p{margin:0;font-size:.18rem;color:#111111;font-family:"Roboto-Bold"}
.index_product .lists .mores{border-bottom:1px solid #aaa;line-height:.99rem;}
.index_product .lists .mores a{font-size:.18rem;color:#202020;}
.index_product .lists .mores i{margin-left:.15rem;font-size:.2rem;}

.index_videos{padding:1.1rem 0 0;font-size:0}
.index_videos h3 {font-size:.6rem;color:#191817;font-family:"Roboto-Black";text-align:center;}
.index_videos ol{text-align:center;margin:.5rem 0 .4rem;display:flex;justify-content:center;align-items:center;gap:0 .16rem;}
.index_videos ol li a{display:block;border:1px solid #bbb;border-radius:10px;font-size:.18rem;color:#0a0a0a;min-width:1.1rem;line-height:.35rem;}
.index_videos ol li#current a{background:#000;border-color:#000;color:#FFF}
.index_videos .boxs{position:relative}
.index_videos video {width:100%;height:6.63rem;background:#000}
.index_videos ul{position:absolute;left:2.1rem;top:50%;transform:translateY(-50%);z-index:1}
.index_videos ul>li {padding:.1rem 0}
.index_videos ul>li a{display:block;font-size:.18rem;color:#FFF;opacity:.3;padding-left:.48rem;position:relative;}
.index_videos ul>li a:before{content:'';width:.4rem;height:2px;background:#FFF;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .5s linear}
.index_videos ul>li.on a{opacity:1;padding-left:.65rem;}
.index_videos ul>li.on a:before{width:.53rem;}

.index_newpro{background:#303030;padding:1.25rem 0 1.35rem;}
.index_newpro>div{display:flex;}
.index_newpro>div>div{flex:0 0 50%}
.index_newpro .let h3{font-size:.36rem;color:#FFF;width:3.4rem;max-width:100%;line-height:1.6}
.index_newpro .let p{font-size:.16rem;color:#b6b6b6;margin:.35rem 0 0}
.index_newpro .rlt p{font-size:.18rem;color:#FFF;margin:0 0 1.4rem;}
.index_newpro .rlt{padding-left:1.1rem;}
.index_newpro .rlt a{display:inline-block;background:#FFF;font-size:.16rem;color:#494949;padding:0 .93rem;line-height:.67rem;text-transform:uppercase;}
/**/
footer{padding:.95rem 0 0}
footer .infos{display:flex;justify-content:space-between}
footer .infos .navs {display:flex;gap:0 .55rem;}
footer .infos .navs dl {margin:0;padding:0}
footer .infos .navs dl dt {margin:0 0 .2rem;font-weight:normal}
footer .infos .navs dl dt a{font-size:.16rem;color:#000;font-family:"Roboto-Bold"}
footer .infos .navs dl dd {margin:0 0 .1rem;}
footer .infos .navs dl dd a{font-size:.14rem;color:#010101}
footer .infos .f_email{flex:0 0 36%}
footer .infos .f_email p{font-size:.18rem;color:#000;margin:0 0 .15rem;}
footer .infos .f_email input{width:100%;height:.6rem;border:0;border-bottom:2px solid #000;font-size:.16rem;color:#585858}
footer .infos .f_email button {width:100%;background:#000;font-size:.16rem;color:#FFF;font-family:"Roboto-Bold";height:.46rem;margin:.67rem 0 0;border:0}
footer .share{display:flex;align-items:center;gap:0 .15rem;}
footer .share span {font-size:.16rem;color:#575757;text-transform:uppercase;}
footer .share a{width:.3rem;height:.3rem;background:#6f6f6f;border-radius:100%;font-size:.18rem;color:#FFF;line-height:.3rem;text-align:center}
footer .tels{display:flex;margin:.5rem 0 .15rem;gap:0 .35rem}
footer .tels p{margin:0;font-size:.14rem;color:#000}
footer .copy{padding:0 0 .3rem;border-top:1px solid #b5b5b5;display:flex;justify-content:space-between;align-items:center;}
footer .copy>p,footer .copy>p a{margin:0;font-size:.14rem;color:#000}
footer .copy>a{background:#000;font-size:.16rem;color:#FFF;font-family:"Roboto-Bold";padding:0 1.52rem;line-height:.46rem;}

/***** Web Page *****/
.page_about{width:100%;overflow:hidden;}
.page_about .item1{padding: .75rem 0 1.5rem;text-align: center;}
.page_about .item1 .title{margin-bottom: .5rem;}
.page_about .item1 .title>*{color:#171717;line-height:1.3}
.page_about .item1 .title h2{font-size:.36rem;}
.page_about .item1 .title p{font-size:.3rem;}
.page_about .item1 .con{font-size:.16rem;color:#4d4d4d;line-height: 2;width: 85%;margin: 0 auto;}
.page_about .item2{position:relative;display:flex;background:#f3f3f3;align-content: center;}

.page_about .item2>div{width: 50%;}
.page_about .item2 .txt{display:flex;justify-content: center;align-items: center;padding: 0 1rem 0 .6rem;}
.page_about .item2 .txt .title{margin-bottom: .5rem;}
.page_about .item2 .txt .title h2{color:#171717;font-family: 'BodoniBT';font-size:.36rem;}
.page_about .item2 .txt .con{font-size:.16rem;color:#4d4d4d;line-height: 2;}
.page_about .common .con{padding: .95rem 0 1.05rem;}
.page_about .common .con p{display:block;padding:0 1rem;margin:0 auto;text-align:center;font-size: .16rem;color: #4d4d4d;line-height: 2;}
.page_about .item5{padding:.7rem 0 1.2rem;}
.page_about .item5 .title{margin-bottom:.45rem;}
.page_about .item5 .title h2{text-align:center;font-size:.36rem;color:#171717;font-family: 'BodoniBT';}
.page_about .item5 .list a:hover img{transform:scale(1.1)}
.page_about .item5 .button{margin-top:.55rem;text-align: center;font-size: 0;}
.page_about .item5 .button .box{position:relative;display: inline-block;}
.page_about .item5 .button span {width: .35rem;height: .35rem;line-height: .35rem;color: #2d2d2d;font-size: .16rem;border: 1px solid #2d2d2d;border-radius: 100%;background: #fff;opacity: 1;}
.page_about .item5 .button .paginations span{margin:0 .05rem;}
.page_about .item5 .button span.swiper-pagination-bullet-active{color:#e62129;border:1px solid #e62129;}
.page_about .item5 .button span.swiper-button-disabled{color:#e62129;border:1px solid #e62129;}
.page_about .item5 .button .navigations{position:absolute;width: 100%;top: 0;left: 0;}
.page_about .item5 .button .navigations span{position:absolute;}
.page_about .item5 .button .navigations .left {left:-.4rem;}
.page_about .item5 .button .navigations .right {right:-.4rem;}

.page_productbox{margin-bottom: 2rem;}
.page_productbox .item{padding-top:1rem;text-align:center;}
.page_productbox .item .title{margin-bottom:.5rem;}
.page_productbox .item .title h2{font-size:.48rem;font-family: 'BodoniBT';}
.page_productbox .item .title a{font-size:.18rem;color:#797979;display:inline-block;padding: .1rem .3rem 0;margin-top: .2rem;border-top: 1px solid #2b2b2b;}
.page_productbox .item .title a:hover{color:#e62129;}
.page_productbox .item .img:hover img{transform:scale(1.1)}

.page_product{padding: 2rem 0 1rem;}
.page_product .title{text-align:center;margin-bottom: .2rem;}
.page_product .title h2{font-size: .48rem;color: #000;font-family: 'BodoniBT';}
.page_product .list{width:100%;display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: flex-start;} 
.page_product .list>div{width: 30%;}
.page_product .list a:hover .img img{transform:scale(1.1)}
.page_product .list a p{text-align:center;font-size:.16rem;color:#252525;display: block;margin-bottom: .4rem;}
.page_product .list a:hover p{color:#e62129;}

.show_product{padding-top: 2.3rem;}
.show_product .top{width: 100%;}
.show_product .top>div{display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.show_product .top .title{width: 20%;}
.show_product .top .title h2{font-size: .36rem;color: #000000;}
.show_product .top .title p{font-size:.14rem;color:#686868;text-transform:uppercase;display:block;margin:.1rem 0 .45rem;letter-spacing: .02rem;}
.show_product .top .title i{padding-bottom: .02rem;display:inline-block;padding-right: .5rem;background: url(../images/black.png) no-repeat right center;background-size: .25rem;}
.show_product .top .title a{font-size:.18rem;color:#2e2d2d;font-weight:bold;font-style: italic;display: inline-block;border-bottom: 1px solid #2e2d2d;}
.show_product .top .title a:hover{color:#e62129;border-bottom: 1px solid #e62129;}
.show_product .top .bigimg{width: 65%;padding: 0 .5rem;}
.show_product .top .thumbs{width: 15%;display: flex;align-content: space-between;flex-direction: column;}
.show_product .top .thumbs>div{margin-top:.4rem;border:1px solid #cdcdcd}
.show_product .min{width: 100%;}
.show_product .min .title{background:#fff;font-size:0;}
.show_product .min .title h2{background:#f3f5f5;display:inline-block;padding: .25rem .6rem;font-size: .2rem;text-transform: capitalize;font-family: 'BodoniBT';}
.show_product .min .con{background:#f3f5f5;padding: .8rem 0 1.3rem;text-align: center;}
.show_product .min .con p{display:block;width:50%;text-align:left;line-height:2;font-size:.16rem;font-style:italic}
.show_product .bot{padding:.75rem 0 1rem;text-align:left;}
.show_product .bot .title{margin-bottom:.45rem;}
.show_product .bot .title h2{font-size: .2rem;text-transform: capitalize;font-family: 'BodoniBT';}
.show_product .bot .con{width:100%;font-size:.16rem;line-height:2;}

.page_news{width:100%;}
.page_news .title{margin-bottom:.5rem;text-align:center;}
.page_news .title h2{font-size:.36rem;color:#383838;text-transform:uppercase;}
.page_news .item1{background:#f8f8f8;padding:.55rem 0 1rem}
.page_news .item1 .list{background:#fff;padding:.65rem .6rem}
.page_news .item1 .list .name{font-size:.16rem;color:#282828;font-weight:bold;text-transform:uppercase;}
.page_news .item1 .list .con{font-size:.16rem;line-height: 1.8;margin: .2rem 0 .45rem;color: #282828;}
.page_news .item1 .list .time{font-size: 0;}
.page_news .item1 .list .time p{font-size:.16rem;color:#424242;padding-left:.37rem;background:url(../images/time.png) no-repeat left center;line-height: .26rem;display: inline-block;background-size: .26rem;}
.page_news .item1 .list .addr{font-size:0;margin: .35rem 0 .3rem;}
.page_news .item1 .list .addr p{font-size:.16rem;color:#424242;padding-left:.37rem;background:url(../images/addr.png) no-repeat left center;line-height: .3rem;display: inline-block;background-size: .24rem;}
.page_news .item1 .list .more{text-align: right;font-size: 0;}
.page_news .item1 .list .more a {display:inline-block;font-size:.14rem;color:#282828;border: 1px solid #282828;padding: .08rem .24rem;}
.page_news .item1 .list .more a:hover{color:#e62129;border: 1px solid #e62129;}
.page_news  .button{margin-top:.55rem;text-align: center;font-size: 0;}
.page_news  .button .box{position:relative;display: inline-block;}
.page_news  .button span {width: .35rem;height: .35rem;line-height: .35rem;color: #2d2d2d;font-size: .16rem;border: 1px solid #2d2d2d;border-radius: 100%;background: #fff;opacity: 1;}
.page_news  .button .paginations span{margin:0 .05rem;}
.page_news  .button span.swiper-pagination-bullet-active{color:#e62129;border:1px solid #e62129;}
.page_news  .button span.swiper-button-disabled{color:#e62129;border:1px solid #e62129;}
.page_news  .button .navigations{position:absolute;width: 100%;top: 0;left: 0;}
.page_news  .button .navigations span{position:absolute;}
.page_news  .button .navigations .left {left:-.4rem;}
.page_news  .button .navigations .right {right:-.4rem;}

.page_news .item2{padding: .7rem 0;}
.page_news .item2 .list{width:100%;}
.page_news .item2 .list a{display:block;}
.page_news .item2 .list a:hover img{transform:scale(1.1)}
.page_news .item2 .list a .txt{margin-top:.2rem;position:relative;display: flex;}
.page_news .item2 .list a .txt .time{position:relative;display:flex;margin-right: .1rem;}
.page_news .item2 .list a .txt .time p{word-break: break-all;writing-mode: tb-rl;color: #555;}
.page_news .item2 .list a .txt .desc {display:flex;flex-direction: column;justify-content: space-between;font-size: 0;}
.page_news .item2 .list a:hover .txt .desc h2{color:#e62129;}
.page_news .item2 .list a .txt .desc h2{font-size:.24rem;color:#2e2d2d;font-weight:700}
.page_news .item2 .list a .txt .desc p{display:inline-block;font-size:.14rem;color:#555;border:1px solid #aeaeae;padding:.05rem .15rem}
.page_news .item2 .list a .txt .desc p:hover{color:#e62129;border:1px solid #e62129}

.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{width: 100%;background: #f8f8f8;padding: .8rem 0 1.5rem;}
.page_contact .box{background:#fff;}
.page_contact .box>div{padding:.7rem;}
.page_contact .contact{border-bottom:1px solid #ddd;display:flex;}
.page_contact .contact>div{width:50%;}
.page_contact .contact .left{padding-right:.5rem;}
.page_contact .contact .title{font-size:.36rem;color:#1b1b1b;text-transform:uppercase;font-family: 'BodoniBT';}
.page_contact .contact .name{font-size:.24rem;color:#db261d;margin: .3rem 0 .45rem;}
.page_contact .contact .subtitle{font-size:.3rem;color:#282828;margin-bottom: .3rem;}
.page_contact .contact .con{font-size:.16rem;color:#424242;line-height:1.6}
.page_contact .contact .right{border:1px solid #ddd}
.page_contact .message .title{text-align:left;}
.page_contact .message .title h2{font-size:.36rem;color:#1b1b1b;text-transform:uppercase;font-family: 'BodoniBT';}
.page_contact .message .title p{font-size:.24rem;color:#282828;font-family: 'BodoniBT';display:block;margin-top:.35rem}
.page_contact .message .list{width: 70%;}
.page_contact .message .list form{display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.page_contact .message .list form>div{margin-top:.25rem;}
.page_contact .message .list .input{width:48%}
.page_contact .message .list .textarea{width:100%;}
.page_contact .message .list .textarea textarea{background:#f3f3f3;border:none;padding:.15rem;height:1.6rem;width:100%;font-size: .16rem;color: #333;font-family: 'arial';}
.page_contact .message .list .button{width:100%;font-size:0;}
.page_contact .message .list .button button{display:inline-block;font-size:.14rem;background:#db261d;border:none;color:#fff;line-height:.5rem;padding: 0 .7rem;text-transform:uppercase;}
.page_contact .message .list .button button:hover{background:#555;}
.page_contact .message .list .input>*{display: block;width: 100%;background: #f3f3f3;border: none;padding: 0 .15rem;line-height: .5rem;font-size: .16rem;color: #333;font-family: 'arial';}
/**/
/********<=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: #333;}
.m-header >.col-xs-6>div span {font-size:12px;color:#333}
.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: #c40001;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;}
/**************************/
@media(max-width:1440px){
	.m210{margin:0 1.1rem;}
	.tem_banner .label_txt{left:1.1rem;}
	.tem_banner .slide-pagination{left:1.1rem}
}
/******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;}
	.m210{margin:0 15px;}
	.tem_banner .label_txt{left:15px;}
	.tem_banner .slide-pagination{left:15px}

	
    .tem_banner.indise .txt .title p{width:100%;}
    .page_about .item2{align-items: center;}
    .page_about .item2 .txt{padding:.3rem}
    .page_about .common .con p{padding:0}
    .product .page_nav{top:60px;}
    .product .page_nav>div{display:block;}
    .product .page_nav .position{display:none;}
    .product .page_nav .nav a{margin:0 .2rem 0 0}
    .show_product .min .con p{width:100%;}
    .page_contact .contact{display:block;}
    .page_contact .box>div{padding:.3rem}
    .page_contact .contact>div{width:100%;}
    .page_contact .contact .left{padding:0 0 .3rem 0}
    .page_contact .message .list{width:100%}
}

/********mobile*********/
@media(max-width:767px){
	.tem_banner .swiper-slide img {height:360px;}
	.tem_banner .label_txt p{font-size:.49rem;}
	.index_about h2 i{font-size:.4rem;}
	.index_product .column{display:block}
	.index_product .column .imgs img{height:auto}
	.index_product .column .ck_ons{width:100%}
	.index_product .titles > div{display:block}
	.index_product .titles .swiper-page{padding:0 0 .35rem;justify-content:flex-end}
	.index_newpro > div{display:block}
	.index_newpro .rlt{padding:.65rem 0 0}
	footer .infos{display:block}
	footer .infos .navs{display:none}
	footer .share{margin:.45rem 0 0}
	footer .tels{display:block}
	footer .tels p{margin:0 0 .15rem;}
	footer .copy{display:block}
	footer .copy > p{padding:.45rem 0 .25rem;}
	footer .copy > a{display:inline-block;}
	

}