/*header*/
.header{position:fixed;top:0;left:0;z-index:18;background:#FFF;width:100%}
.header>div>div{display:inline-block;vertical-align:middle;width:12%}
.header .logos{line-height:.82rem;}
.header .logos img {max-height:.63rem;transition:none;}
.header .navlist{width:88%;text-align:right}
.header .navlist>*{display:inline-block;vertical-align:middle;}
.header .navlist li {display:inline-block;padding:0 .9rem 0 0}
.header .navlist li a{font-size:.18rem;color:#676767;}
.header .navlist li.active a,.header .navlist li a:hover {color:#154b94}
.header .navlist .search>*{display:inline-block;vertical-align:middle;position:relative}
.header .navlist .search>a{font-size:.22rem;color:#000;margin:0 .6rem 0 0}
.header .navlist .search>dl{margin:0;padding:0}
.header .navlist .search>dl:before{content:'';width:1px;height:.16rem;position:absolute;top:50%;left:-.3rem;transform:translateY(-50%);background:#676767}
.header .navlist .search>dl dt {font-size:.18rem;color:#313131;cursor:pointer;}
.header .navlist .search>dl dt>i:first-child{font-size:.2rem;color:#666;margin:0 5px 0 0}
.header .navlist .search>dl dt>i:last-child {font-size:.12rem;color:#161616;margin-left:5px;}
.header .navlist .search>dl dd {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;text-align:center;width:1.1rem;box-shadow:0 0 6px rgba(0,0,0,.2);display:none;transition:none;}
.header .navlist .search>dl dd a{display:block;font-size:.16rem;color:#333;line-height:.45rem;}
.header .navlist .search>dl dt>i.on {transform:rotate(180deg)}
.is_header {box-shadow:0 0 12px rgba(0,0,0,.12)}
/*banner*/
.tem_banner{margin:.82rem 0 0}
.tem_banner .label_text{position:absolute;top:20%;left:0;width:100%;padding:0 1.6rem;z-index:1}
.tem_banner .label_text p{font-size:.46rem;color:#FFF;margin:0 0 .35rem;}
.tem_banner .label_text h3 {font-size:.6rem;color:#FFF;font-weight:bold;}
.tem_banner .label_text .mores{margin:1.8rem 0 0}
.tem_banner .label_text .mores>a>*{display:inline-block;vertical-align:middle;}
.tem_banner .label_text .mores i{width:.55rem;height:.55rem;background:#FFF;line-height:.55rem;text-align:center;font-size:.16rem;color:#000;border-radius:100%}
.tem_banner .label_text .mores em {display:inline-block;font-size:.16rem;color:#FFF;margin-left:.4rem;border:2px solid #FFF;line-height:.5rem;padding:0 .49rem;}
.tem_banner .label_text .mores>a:hover em {background:#FFF;color:#000}
/**/
.index_about{}
.index_about .infos{padding:1.4rem 0 1.2rem;background:url(../images/icon1.png) center bottom no-repeat;background-size:13.24rem auto;text-align:center;}
.index_about .infos .editor{font-size:.24rem;color:#121212;line-height:1.9;margin:0 0 .9rem;}
.index_about .infos>div>a{display:inline-block;font-size:.16rem;color:#154b94;}
.index_about .infos>div>a img {max-height:.25rem;margin:0 .25rem 0 0;transition:none;}
.index_about .infos>div>a:hover {letter-spacing:3px;}

.index_about .mains{background:url(../images/icon2.jpg) center no-repeat;background-size:cover;padding:1.4rem 0 .5rem;}
.index_about .mains .name {position:relative;margin:0 0 3.4rem}
.index_about .mains .name p{font-size:.24rem;color:#FFF;position:relative;margin:0 0 .25rem;}
.index_about .mains .name p:before{content:'';width:.37rem;height:1px;background:#FFF;position:absolute;top:50%;left:-.73rem;}

.index_about .mains .name h3 {font-size:.48rem;color:#FFF}
.index_about .mains .nums{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .35rem;}
.index_about .mains .nums>div{padding:.55rem .35rem;position:relative;background:url(../images/icon2-1.jpg) center no-repeat;background-size:cover !important;}
.index_about .mains .nums>div:nth-child(2) {background:url(../images/icon2-2.jpg) center no-repeat;}
.index_about .mains .nums>div:nth-child(3) {background:url(../images/icon2-3.jpg) center no-repeat;}
.index_about .mains .nums>div:nth-child(4) {background:url(../images/icon2-4.jpg) center no-repeat;}
.index_about .mains .nums p{margin:0;font-size:.18rem;color:#FFF}
.index_about .mains .nums h5 {font-size:.48rem;color:#FFF;margin:.25rem 0 .15rem;line-height:1}
.index_about .mains .nums h5 em {font-weight:600}
.index_about .mains .nums p:first-child {height:.65rem;line-height:.65rem;}
.index_about .mains .nums p img {max-height:.65rem;transition:none;}

.index_product{padding:1.04rem 0 1.1rem;}
.index_product .titles{margin:0 0 .65rem;text-align:center;}
.index_product .titles p{font-size:.24rem;color:#232323;margin:0 0 .25rem;}
.index_product .titles h3 {font-size:.48rem;color:#1f1f1f}
.index_product .lists{display:grid;grid-template-columns:1fr 1fr;gap:0}
.index_product .lists a{display:block;position:relative;background:#565656;padding:.9rem .5rem .38rem;}
.index_product .lists>div:nth-child(2) a,.index_product .lists>div:nth-child(3) a{background:#5f5f5f}
.index_product .lists h6{position:absolute;top:.55rem;left:.4rem;font-size:.36rem;color:#FFF;z-index:1;opacity:0;transform:translateY(3vw)}
.index_product .lists a:before{content:'';width:100%;height:0;background:#154b94;position:absolute;top:0;left:0;transition:all .6s ease-in-out;}
.index_product .lists .imgs{height:2.9rem;line-height:2.9rem;text-align:center;}
.index_product .lists .imgs span {background:none !important;display:inline-block;vertical-align:middle;}
.index_product .lists .imgs img {max-height:2.9rem;}
.index_product .lists .t span{font-size:.16rem;color:#FFF;}
.index_product .lists .t h5 {font-size:.3rem;color:#FFF;margin:.3rem 0 0}
.index_product .lists a:hover:before{height:100%}
.index_product .lists a:hover h6 {opacity:1;transform:none;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_product .lists a:hover .t{opacity:0;transform:translateY(3vw);transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_product .lists a:after{content:attr(data-name);font-size:.6rem;color:#FFF;text-transform:uppercase;font-weight:bold;width:100%;text-align:center;position:absolute;bottom:.38rem;left:0;opacity:0;transform:translateY(3vw);transition:all .5s ease-in-out;line-height:1}
.index_product .lists a:hover:after{opacity:1;transform:none;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_product .mores{margin:.5rem 0 0}
.index_product .mores>a{display:block;position:relative;border:1px solid #c9c9c9;text-align:center;font-size:.2rem;color:#5f5f5f;border-radius:999px;line-height:.8rem;}
.index_product .mores>a:hover {background:#154b94;color:#FFF;border-color:#154b94}

.index_news{background:#e9f2ff;padding:.9rem 0 .85rem;}
.index_news .titles{margin:0 0 .5rem;}
.index_news .titles p{font-size:.24rem;color:#0d0d0d;margin:0 0 .25rem;position:relative}
.index_news .titles p:before{content:'';width:.36rem;height:1px;background:#0d0d0d;position:absolute;top:50%;left:-.71rem;}
.index_news .titles h3 {font-size:.36rem;color:#0d0d0d;font-weight:bold;}
.index_news .swiper-slide a{display:block;position:relative;}
.index_news .swiper-slide .imgs{position:relative}
.index_news .swiper-slide .imgs img {width:100%;height:2.85rem;object-fit:cover;transition:none;}
.index_news .swiper-slide .imgs em {position:absolute;bottom:.1rem;left:.12rem;z-index:1;font-size:.14rem;color:#FFF;padding:0 .26rem;line-height:.36rem;background:#154b94}
.index_news .swiper-slide .text{padding:.3rem 0 .3rem .35rem}
.index_news .swiper-slide .text h4 {font-size:.21rem;color:#171717;margin:0 0 .2rem;}
.index_news .swiper-slide .text span {font-size:.14rem;color:#171717}
.index_news .swiper-slide .text p{font-size:.17rem;color:#5f5f5f;line-height:.25rem;height:.5rem;overflow:hidden;margin:.24rem 0 0}
.index_news .slide-pagination{margin:.95rem 0 0;text-align:center}
.index_news .slide-pagination span {opacity:1;outline:none;width:6px;height:6px;background:#d1d1d1;border-radius:100%;margin:0 5px;vertical-align:middle;}
.index_news .slide-pagination span.swiper-pagination-bullet-active{width:.12rem;height:.12rem;background:#171717}
/*底部*/
.footer{background:#232222;padding:.9rem 0 0}
.footer .infos{display:flex;border-top:1px solid rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.48)}
.footer .infos .navs {padding:.5rem 0 .3rem;width:91%;border-right:1px solid rgba(255,255,255,.48)}
.footer .infos .navs dl {display:inline-block;vertical-align:top;width:20%;margin:0;padding:0 .15rem 0 0}
.footer .infos .navs dl dt {margin:0 0 .34rem;font-weight:normal;}
.footer .infos .navs dl dt a{font-size:.2rem;color:#FFF}
.footer .infos .navs dl dd {margin:0 0 .2rem;}
.footer .infos .navs dl dd a{font-size:.16rem;color:#a3a3a3}
.footer .infos .navs dl:nth-child(2) dd {display:inline-block;vertical-align:top;width:46%}

.footer .infos .ftop{width:9%;text-align:center;padding:.4rem 0 0;}
.footer .infos .ftop a{display:inline-block;width:.53rem;height:.53rem;background:#154b94;border-radius:100%;line-height:.53rem;text-align:center;font-size:.2rem;color:#FFF}
.footer .tels{padding:.5rem 0;font-size:.14rem;color:#c7c7c7}
.footer .tels a{font-size:.14rem;color:#c7c7c7}
/*通用内页*/
.flash{position:relative}
.flash .txt{position:absolute;top:55%;left:0;width:100%;padding:0 2.6rem;font-size:.48rem;color:#FFF;text-transform:uppercase;font-family:"Gotham-Bold";font-style:oblique;}
.sort_navlist{padding:.5rem 0 0;text-align:center;}
.sort_navlist li {display:inline-block;vertical-align:top;width:20%}
.sort_navlist li a{font-size:.16rem;color:#333;line-height:.6rem;border:1px solid #eee;display:block;}
.sort_navlist li.on a,.sort_navlist li a:hover{background:#154b94;color:#FFF;border-color:#154b94;}
/**/
/*关于我们*/
.about_box {padding:1.12rem 0 0}
.about_box .videos_box video{width:100%;height:8.05rem;background:#000;object-fit:cover}
.about_box .company {padding:.7rem 0 0;background:#FFF}
.about_box .company .mains {margin:0 0 .95rem;}
.about_box .company .mains h5{font-size:.3rem;color:#363636;font-family:"Roboto-Black";text-transform:capitalize;margin:0 0 .35rem;}
.about_box .company .mains .editor {font-size:.16rem;color:#505050;line-height:1.8}
.about_box .company .items {padding:1.3rem 0 2.8rem;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center}
.about_box .company .items .play {width:1.05rem;height:1.05rem;background:rgba(255,255,255,.3);border-radius:100%;display:inline-block;position:relative;cursor:pointer;margin:0 0 1rem}
.about_box .company .items .play:before{content:'';width:.7rem;height:.7rem;background:url(../images/icon7.png) center no-repeat #FFF;background-size:.23rem .26rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%}
.about_box .company .items .infos>p{display:inline-block;vertical-align:top;margin:0 .65rem;text-align:center;font-size:.24rem;color:#FFF;font-family:"Roboto-Black";text-transform:uppercase;}
.about_box .company .items .infos>p img {margin:0 auto .3rem;display:block;max-height:.65rem;transition:none;}

.about_box .culture{padding:.6rem 0 1.05rem;background:#f6f6f6;}
.about_box .culture h3 {font-size:.3rem;color:#363636;font-family:"Roboto-Black";margin:0 0 .35rem;}
.about_box .culture .mains{position:relative}
.about_box .culture .mains ol {margin:0;padding:0;position:absolute;right:0;top:.1rem;border-left:2px solid #e6e8ed;width:20%;z-index:2}
.about_box .culture .mains ol li a{display:block;font-size:.2rem;color:#a1a7b2;line-height:.43rem;padding-left:.3rem;position:relative}
.about_box .culture .mains ol li a:before{content:'';width:2px;height:0;background:#000;position:absolute;left:-2px;top:0;transition:all .5s ease-in-out}
.about_box .culture .mains ol li#current a{color:#222}
.about_box .culture .mains ol li#current a:before{height:100%}
.about_box .culture .itembox>div{position:relative}
.about_box .culture .itembox .imgs{width:73.5%}
.about_box .culture .itembox .txt{position:absolute;bottom:0;right:0;width:38.5%;z-index:1;background:#FFF;padding:.7rem .35rem 1.2rem;}
.about_box .culture .itembox .txt h4 {font-size:.3rem;color:#232323;margin:0 0 .3rem;}
.about_box .culture .itembox .txt .editor {font-size:.18rem;color:#454444;line-height:1.65}

.honor{padding:.8rem 0;background:#f6f6f6;}
.honor .titles{position:relative;margin:0 0 .9rem;}
.honor .titles>*{display:inline-block;vertical-align:middle;width:40%}
.honor .titles ol {margin:0;padding:0;text-align:right;width:60%}
.honor .titles ol li {margin-left:.08rem;display:inline-block;vertical-align:top;}
.honor .titles ol li a{display:block;padding:.2rem .15rem;font-size:.16rem;color:#808080;text-align:center;border:1px solid #a8aeb8}
.honor .titles ol li a i{display:block;margin:0 0 .1rem;font-size:.24rem;color:#a8aeb8}
.honor .titles ol li#current a,.honor .titles ol li#current a i{color:#202020}
.honor .itembox .swiper-slide a{background:#f0f2f7;display:block;position:relative;padding:0 .15rem;text-align:center}
.honor .itembox .swiper-slide .imgs {height:3.6rem;line-height:3.6rem;}
.honor .itembox .swiper-slide .imgs img {max-height:2.85rem;transition:none}
.honor .itembox .swiper-slide p{font-size:.16rem;color:#2d2e31;padding:.25rem 0;border-top:1px solid #e1e2e3}
.honor .itembox .swiper-slide a:hover .imgs {transform:scale(.98)}
.honor .itembox .swiper-page{margin:.35rem 0 0}
.honor .itembox .swiper-page>div{display:inline-block;vertical-align:middle;width:50%}
.honor .itembox .swiper-page .slide-pagination{font-size:.16rem;color:#636363}
.honor .itembox .swiper-page .slide-pagination i{font-size:.3rem;color:#232323;display:inline-block;vertical-align:bottom;line-height:normal;}
.honor .itembox .swiper-page .item{text-align:right}
.honor .itembox .swiper-page .item>div{display:inline-block;width:.5rem;height:.5rem;border:1px solid #e2e2e2;line-height:.48rem;text-align:center;font-size:.26rem;color:#989898;font-weight:bold;}
.honor .itembox .swiper-page .item>div:hover {border-color:#494949;color:#494949}
.honor .itembox .slide-scrollbar{height:2px;background:#ececec}
.honor .itembox .slide-scrollbar>div{background:#202020}

.workshop{padding:.78rem 0 1.15rem;}
.workshop .titles{margin-bottom:.5rem;}
.workshop .titles>*{display:inline-block;vertical-align:middle;width:50%}
.workshop .titles h3 {font-size:.3rem;color:#363636;font-family:"Roboto-Black";}
.workshop .titles .swiper-page{text-align:right}
.workshop .titles .swiper-page>div{display:inline-block;margin-left:.4rem;width:.35rem;height:.35rem;background:#969696;line-height:.35rem;text-align:center;font-size:.18rem;color:#FFF;border-radius:100%}
.workshop .lists{padding:0 .25rem;}
.workshop .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem .25rem;}
.workshop .swiper-slide>div a{display:block;position:relative;}
.workshop .swiper-slide>div img {width:100%;height:4.25rem;object-fit:cover;transition:none}
.workshop .swiper-slide>div p{position:absolute;margin:0;top:.43rem;left:.3rem;z-index:1;padding:0 .4rem;line-height:.44rem;border-radius:9999px;font-size:.16rem;color:#FFF;background:#363636}
.workshop .swiper-slide>div a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/**/
.page {margin:.65rem 0 0}
.page a{display:inline-block;margin:0 5px;width:.3rem;height:.3rem;line-height:.3rem;font-size:.14rem;color:#000;font-family:"Roboto-Black";border-radius:3px;background:#e5e5e5}
.page a.page-link{color:#818181}
.page a.page-item{width:auto;padding:0 8px;color:#707070;font-family:"Roboto-Regular"}
.page a:hover,.page a.page-num-current{background:#154b94;color:#FFF}

/**/
.product_box{padding:1.2rem 0 1.8rem;}
.product_box .title{margin:0 0 1.1rem;text-align:center}
.product_box .title h3{font-size:.48rem;color:#000000;text-transform:uppercase;font-family:"Roboto-Black"}
.product_box .title ol {margin:.3rem 0;padding:0;display:flex;width:100%;    flex-wrap: wrap;}
.product_box .title ol li {width:14.285%;margin:0 0 .1rem;padding:0 3px;}
.product_box .title ol li a{display:flex;position:relative;font-size:.14rem;color:#000000;border:1px solid #d2d2d2;  width: 100%;
    align-items: center;    justify-content: center;font-family:"Roboto-Regular";padding:.1rem}
.product_box .title ol li.on a,.product_box .title ol li a:hover{color:#FFF;background:#154b94;border-color:#154b94}
.product_box .mains h5{font-size:.3rem;color:#363636;font-family:"Roboto-Black";margin:0 0 .45rem;text-align:center}
.product_box .mains ul {display:flex;width:100%;    flex-direction: row;    flex-wrap: wrap;}
.product_box .mains ul li {width:33.333%;padding:0 .22rem;margin:0 0 .7rem;}
.product_box .mains ul li a{display:block;position:relative;}
.product_box .mains ul li .imgs{box-shadow:5px 5px .38rem rgba(0,0,0,0.21);}
.product_box .mains ul li .imgs img {width:100%;height:3.6rem;object-fit:cover;transition:none}
.product_box .mains ul li .text {padding:.3rem 0 0;font-family:"Roboto-Regular";}
.product_box .mains ul li .text h6{font-size:.18rem;color:#000;}
.product_box .mains ul li .text p{font-size:.18rem;color:#000000;margin:.2rem 0}
.product_box .mains ul li .text .more{font-size:.18rem;color:#000000;font-family:"Roboto-Light"}

/*
.product_box li{padding:0 .2rem;margin:0 0 .68rem;}
.product_box li .imgs{overflow:hidden;}
.product_box li img{width:100%;height:3.79rem;object-fit:cover;}
.product_box li .text{padding:.3rem 0 .24rem;border-bottom:1px solid #dcdcdc}
.product_box li .text h6{font-size:.24rem;color:#111;font-family:"Gotham-Bold";margin:0 0 .25rem;}
.product_box li .text p{font-size:.16rem;color:#2c2c2c;line-height:.28rem;height:.56rem;overflow:hidden;margin:0 0 .7rem}
.product_box li .text .more {font-size:.16rem;color:#d5001a;background:url(../images/icon0.png) right center no-repeat;background-size:.2rem .11rem;}
.product_box li a:hover img {transform:scale(1.06)}
.product_box li a:hover .text .more {transform:translateY(-.21rem)}
*/
/*产品详情*/
.show_product{padding:2.4rem 0 1.8rem;}
.show_product .mbx {margin:0 0 .15rem;font-size:.14rem;color:#6e6e6e}
.show_product .mbx a{font-size:.14rem;color:#6e6e6e}
.show_product .mbx a:first-child+a {display:none}
.show_product .imgbox {margin:0 0 1.98rem}
.show_product .imgbox>div{display:inline-block;vertical-align:top;width:50%;position:relative}
.show_product .imgbox .imglist{padding:0 .55rem 0 0;}
.show_product .imgbox .imglist #gallery {box-shadow:5px 5px .38rem rgba(0,0,0,.21)}
.show_product .imgbox .imglist #gallery .swiper-slide img{width:100%;height:6.5rem;object-fit:cover;transition:none;}
.show_product .imgbox .thumbs {position:absolute;left:-1.08rem;top:50%;transform:translateY(-50%);padding:.41rem 0;width:.8rem;}
.show_product .imgbox .thumbs #thumbs {height:2.56rem;}
.show_product .imgbox .thumbs #thumbs .swiper-slide {cursor:pointer;}
.show_product .imgbox .thumbs #thumbs img{width:100%;height:100%;object-fit:cover;transition:none}
.show_product .imgbox .thumbs .swiper-page>div{position:absolute;top:0;left:0;width:100%;height:.32rem;line-height:.32rem;background:#e5e5e5;text-align:center;font-size:.18rem;color:#2e2e2e}
.show_product .imgbox .thumbs .swiper-page>div.slide-button-next{top:auto;bottom:0}
.show_product .imgbox .text{}
.show_product .imgbox .text h3{font-size:.3rem;color:#222;margin:0 0 .45rem;}
.show_product .imgbox .text .details{font-size:.16rem;color:#474747}
.show_product .imgbox .text .details>div{border-bottom:1px solid #e5e5e5;padding:.32rem 0}
.show_product .imgbox .text .details>div:first-child{border-top:1px solid #e5e5e5}
.show_product .imgbox .text>a{display:inline-block;background:#154b94;border-radius:35px;padding:0 .25rem;line-height:.57rem;font-size:.16rem;color:#FFF;margin:.5rem 0 0}
.show_product .imgbox .text>a img{max-height:.26rem;transition:none;margin-left:.12rem;}
.show_product .editor h4{text-align:center;font-size:.24rem;color:#000;padding:0 0 .25rem;border-bottom:2px solid #777;}
.show_product .editor h4 span{display:inline-block;padding:0 .97rem;border-left:2px solid #787878;border-right:2px solid #787878}
.show_product .editor .txt {font-size:.16rem;color:#393939;padding:.7rem 0 1.1rem}
.show_product .editor .txt table{width:100% !important;}
.show_product .editor .txt table td {border:1px solid #333;height:.95rem;vertical-align:middle;padding:0 .1rem;}
.show_product .related{padding:0}
.show_product .related h4{text-align:center;font-size:.24rem;color:#000;padding:0 0 .25rem;border-bottom:2px solid #777;margin:0 0 .5rem}
.show_product .related h4 span{display:inline-block;padding:0 .97rem;border-left:2px solid #787878;border-right:2px solid #787878}

.show_product .related .swiper-slide a{display:block;position:relative;}
.show_product .related .swiper-slide .imgs{box-shadow:5px 5px .38rem rgba(0,0,0,0.21);}
.show_product .related .swiper-slide .text {padding:.3rem 0 0;font-family:"Roboto-Regular";}
.show_product .related .swiper-slide .text h6{font-size:.18rem;color:#000;}
.show_product .related .swiper-slide .text p{font-size:.18rem;color:#000000;margin:.2rem 0}
.show_product .related .swiper-slide .text .more{font-size:.18rem;color:#000000;font-family:"Roboto-Light"}
/*新闻*/
.news_box{}
.news_box>div{position:relative}
.news_box>div>div{display:inline-block;vertical-align:top;width:82%}
.news_box .list{padding:.7rem .6rem 1.4rem 0;}
.news_box .list .sort_navlist{text-align:left;padding:0}
.news_box .list .sort_navlist li{text-align:center;}
.news_box .list h3{font-size:.45rem;color:#1e1d1d;font-family:"Gotham-Bold";text-transform:uppercase;margin:.6rem 0}
.news_box .list>ul>li {padding:0 0 .3rem;margin:0 0 .35rem;border-bottom:1px solid #c9c9c9}
.news_box .list>ul>li a>div{display:inline-block;vertical-align:middle;width:62%}
.news_box .list>ul>li .txt{padding:0 .7rem 0 0}
.news_box .list>ul>li .txt span{font-size:.14rem;color:#858585;display:inline-block;padding-left:.25rem;background:url(../images/icon4-1.png) 0 center no-repeat;line-height:.2rem;background-size:.19rem .15rem !important}
.news_box .list>ul>li .txt h6{font-size:.24rem;color:#343434;margin:.2rem 0 .35rem;}
.news_box .list>ul>li .txt em{font-size:.16rem;color:#666;}
.news_box .list>ul>li .imgs{width:38%;padding:0 .46rem 0 0;position:relative;background:url(../images/icon3.png) right center no-repeat;background-size:.23rem .12rem;}
.news_box .list>ul>li .imgs img{width:100%;height:1.34rem;object-fit:cover;}
.news_box .list>ul>li a:hover .txt span{color:#e7243b;background:url(../images/icon4-2.png) 0 center no-repeat;}
.news_box .list>ul>li a:hover .txt h6{color:#e7243b}
.news_box .list>ul>li a:hover img{transform:translateY(-5px);box-shadow:4px 4px 6px rgba(0,0,0,.15)}

.news_box .keynews{width:18%;background:#f8f8f8;padding:2.18rem 0 0;height:100%;position:absolute;top:0;right:0}
.news_box .keynews h3{font-size:.3rem;color:#1e1d1d;font-family:"Gotham-Bold";text-transform:uppercase;margin:0 0 .35rem;padding:0 .25rem;}
.news_box .keynews li{padding:.24rem .24rem .2rem;border-bottom:1px solid #bfbfbf}
.news_box .keynews li>p{margin:0;position:relative;padding:0 .27rem 0 0;cursor:pointer;}
.news_box .keynews li>p>a{font-size:.16rem;color:#2c2a2a;font-family:"Gotham-Bold";line-height:.26rem;height:.52rem;overflow:hidden;position:relative;display:block}
.news_box .keynews li em{position:absolute;width:10px;height:10px;right:0;top:50%;transform:translateY(-50%)}
.news_box .keynews li em:before,.news_box .keynews li em:after{content:'';width:10px;height:2px;background:#1e1d1d;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .65s linear}
.news_box .keynews li em:after{transform:rotate(90deg) translate(0,0);left:0;margin:0}
.news_box .keynews li .submenu{transition:none;display:none;font-size:.14rem;color:#595959;line-height:1.8;padding:.1rem 0 .55rem;}
.news_box .keynews li.opens em:after{transform:rotate(0);opacity:0;}

.problem_box .list li .txt{width:100%}
.problem_box .list li .txt .editor {font-size:.16rem;color:rgb(119, 119, 119)}

/**/
.file_box {padding:.85rem 0 2.5rem;font-size:0;overflow:hidden;}
.file_box .item{position:relative}
.file_box .item>div{width:50%}
.file_box .item .img {overflow:hidden;float:left;}
.file_box .item img {-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.file_box .item .text {padding:0 .35rem 0 .58rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.file_box .item .text h6{font-size:.26rem;color:#282828;margin:0 0 .4rem;}
.file_box .item .text .editor {font-size:.15rem;color:#6c6c6c;line-height:1.7}
.file_box .item.ons .img {float:right;}
.file_box .item.ons .text {left:0;right:auto;}
.file_box .item .text>a {display:inline-block;padding:0 .4rem;line-height:.45rem;border:1px solid #eee;font-size:.16rem;color:#282828;border-radius:35px;}
.file_box .item .text>a:hover {background:#0061ae;color:#FFF;border-color:#0061ae}
.file_box .item:hover img {transform:scale(1.06)}
/**/
.contact_box .infos{padding:.65rem 0 .8rem;}
.contact_box .infos h4{font-size:.45rem;color:#1e1d1d;font-family:"Gotham-Bold";text-transform:uppercase;margin-bottom:.85rem;}
.contact_box .infos .mains{position:relative;padding:0 0 1rem;}
.contact_box .infos .mains .editor{width:52%;background:#474848;padding:1.07rem .45rem 1.26rem;position:relative;z-index:2}
.contact_box .infos .mains .editor h6{font-size:.3rem;color:#FFF;font-family:"Roboto-Black";margin:0 0 .35rem;}
.contact_box .infos .mains .editor p,.contact_box .infos .mains .editor a{font-size:.16rem;color:#FFF;}
.contact_box .infos .mains .map{width:54%;position:absolute;right:0;bottom:0}
.contact_box .infos .mains .map #container{height:4.1rem;}

.contact_box .message{background:#f8f8f8;padding:1.1rem 0 1.75rem;}
.contact_box .message h4{font-size:.45rem;color:#1e1d1d;font-family:"Gotham-Bold";margin:0 0 .7rem;text-transform:uppercase;}
.contact_box .message .lists{box-shadow:5px 5px .49rem rgba(197,197,197,.63);padding:1rem 1rem 1.15rem;}
.contact_box .message .lists li{padding:0 .36rem;margin:0 0 .55rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:100%;height:.8rem;min-height:35px;border:0;border-bottom:1px solid #bfbfbf;padding:0 .15rem 0 .33rem;font-size:.16rem;color:#717171;background:none;background-size:.2rem .2rem !important;}
.contact_box .message .lists li textarea{height:1.1rem;padding:0 .15rem .1rem .33rem;background:url(../images/icon6-4.png) 0 0 no-repeat;line-height:.2rem;}
.contact_box .message .lists li input[name="name"]{background:url(../images/icon6-1.png) 0 center no-repeat;}
.contact_box .message .lists li input[name="tel"]{background:url(../images/icon6-2.png) 0 center no-repeat;}
.contact_box .message .lists li input[name="email"]{background:url(../images/icon6-3.png) 0 center no-repeat;}
.contact_box .message .lists li button {border-radius:5px;background:#154b94;padding:0 .68rem;height:.63rem;font-size:.16rem;color:#FFF;border:0}
.contact_box .message .lists li input[type="text"]:hover,.contact_box .message .lists li textarea:hover {box-shadow:2px 2px 4px rgba(0,0,0,.08)}
.contact_box .message .lists li button:hover{box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-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:#f39800;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:#FFF}
.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:#FFF;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:#f39800}
.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;}
/********<=767 mobile nav style css 2********/
@media(max-width:1440px){
	.flash .txt{padding:0 1.6rem;}
}
/**************************/

/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{margin:60px 0 0}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea,.contact_box .message .lists li button{font-size:12px;}
	.flash .txt{padding:0 .45rem;}
	.product_box .title ol{flex-direction: row;
    flex-wrap: wrap;}
    .product_box .title ol li{width:33.333%}
    .show_product .imgbox .thumbs{position:relative;left:auto;top:auto;transform:none;width:100%}
    .show_product .imgbox .thumbs .swiper-page>div{display:none;}
    .show_product .imgbox .thumbs #thumbs img{height:1.65rem;}
	.tem_banner .label_text{padding:0 20px;}

}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .swiper-slide img{height:350px;}
	.flash .txt{padding:0 .25rem;top:40%}

	.about_box .culture .mains ol{position:relative;top:auto;width:100%}
	.about_box .culture .itembox .imgs{width:100%}
	.about_box .culture .itembox .txt{position:relative;width:100%;}
	.workshop .swiper-slide{grid-template-columns:1fr 1fr;}

	.news_box > div > div{display:block;width:100% !important;}
	.news_box .list{padding:.7rem 0 1.4rem 0}
	.news_box .keynews{display:none;}
	.contact_box .infos .mains .editor{width:100%}
	.contact_box .infos .mains .map{width:100%;position:relative;margin:.35rem 0 0}
	.contact_box .message .lists{padding:1rem .25rem 1.15rem;}
	

    .product_box .title ol li{width:50%}
    .product_box .mains ul li{width:50%}
    .show_product .imgbox>div{display:block;width:100% !important}
    .show_product .imgbox .imglist{padding:0;margin:0 0 .45rem}
    

	.file_box .item > div{width:100%}
	.file_box .item .text{position:relative;right:auto;top:auto;transform:none;left:auto;bottom:auto;padding:.35rem 0 .55rem;float:left;}
	.file_box .item.ons .text{left:auto;right:auto;}
	.index_about .mains .name{margin:0 0 .55rem;}
	.index_about .mains .nums{grid-template-columns:1fr 1fr;gap:.35rem .35rem;}
	.footer .infos{display:none;}
	
}