/**/
.m210 {margin:0 2.1rem}
.header{position:fixed;top:0;left:0;width:100%;z-index:18}
.header>div>div{display:inline-block;vertical-align:middle;width:32%}
.header .logos {line-height:1.1rem;}
.header .logos a{display:inline-block;position:relative}
.header .logos img.logo2 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
.header .logos img {max-height:.43rem;transition:none}

.header .navlist{width:60%}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .5rem 0 0}
.header .navlist li a{font-size:.16rem;color:#FFF;}
.header .navlist li:last-child {padding:0}
.header .langs{width:8%;text-align:right}
.header .langs dl {display:inline-block;margin:0;padding:0;position:relative}
.header .langs dl dt {font-weight:normal;font-size:.22rem;color:#FFF;cursor:pointer;}
.header .langs dl dt em {font-size:.16rem;color:#FFF}
.header .langs dl dt>i{margin:0 .1rem 0 0}
.header .langs dl dd {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;width:100%;text-align:center;display:none;transition:none;}
.header .langs dl dd a{display:block;line-height:.4rem;font-size:.16rem;color:#333}

.is_header {background:rgba(0,0,0,.7)}
/**/
.tem_banner .label_txt{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}
.tem_banner .label_txt>*{transform:translateY(2vw);opacity:0;transition:all .75s ease-in-out}
.tem_banner .label_txt p {font-size:.3rem;color:#FFF;margin:0 0 .15rem}
.tem_banner .label_txt h3 {font-size:.62rem;color:#FFF;font-weight:bold;margin:0 0 .3rem}
.tem_banner .label_txt em {display:inline-block;background:#0150b5;border-radius:9999px;padding:0 .3rem;line-height:.46rem;font-size:.18rem;color:#FFF}
.tem_banner .label_txt em i{margin:0 0 0 .1rem;font-size:.16rem;}
.tem_banner .swiper-slide-active .label_txt>*{transform:none;opacity:1;transition-delay:100ms}
.tem_banner .swiper-slide-active .label_txt h3 {transition-delay:150ms}
.tem_banner .swiper-slide-active .label_txt em {transition-delay:200ms}
.tem_banner .swiper-page>div{position:absolute;left:2.1rem;top:50%;transform:translateY(-50%);z-index:2}
.tem_banner .swiper-page>div img {width:.31rem;transition:none;}
.tem_banner .swiper-page>div.slide-button-next {left:auto;right:2.1rem;}
.tem_banner .slide-pagination{position:absolute;bottom:1.35rem;left:0;width:100%;text-align:center;z-index:1}
.tem_banner .slide-pagination span {opacity:.38;outline:none;margin:0 .06rem;width:.24rem;height:5px;background:#FFF;border-radius:0;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{opacity:1}
/**/
.index_about{padding:1.3rem 0 1.5rem;background:url(../images/icon2.jpg) center no-repeat;background-size:cover;}
.index_about .items{margin:0 0 .9rem;text-align:center}
.index_about .items h3 {font-size:.48rem;color:#141414;}
.index_about .items .editor {font-size:.16rem;color:#141414;line-height:1.7;margin:.45rem 0 .6rem}
.index_about .items .mores>a{display:inline-block;}
.index_about .items .mores i{width:.62rem;height:.62rem;background:#0150b5;border-radius:100%;font-size:.26rem;color:#FFF;line-height:.62rem;}
.index_about .items .mores em {font-size:.16rem;color:#141414;display:inline-block;vertical-align:middle;padding:0 0 .1rem;border-bottom:2px solid #535353;margin-left:.2rem;}
.index_about .datanum{margin:0 0 1.05rem}
.index_about .datanum>div{display:inline-block;vertical-align:middle;width:35%;position:relative;}
.index_about .datanum>div:first-child+div {width:36%}
.index_about .datanum>div:last-child{width:29%}
.index_about .datanum>div:before{content:'';width:.9rem;height:1px;background:#bbbdbf;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-30deg)}
.index_about .datanum>div:last-child:before{display:none;}
.index_about .datanum>div>div{display:inline-block;vertical-align:middle;width:19%}
.index_about .datanum>div .t {width:81%;}
.index_about .datanum>div .img img{max-height:.84rem;transition:none}
.index_about .datanum>div .t>*{display:inline-block;vertical-align:top;width:38%}
.index_about .datanum>div .t h5 {font-size:.55rem;color:#2c3442;font-weight:bold;line-height:1}
.index_about .datanum>div .t p{font-size:.16rem;color:#2c3442;margin:0;padding:0 0 0 .2rem;width:62%}
.index_about .datanum>div:first-child+div .t h5{width:56%}
.index_about .datanum>div:first-child+div .t p {width:44%}

.index_about .mains>div{display:inline-block;vertical-align:top;width:25%;padding:0 3px;position:relative}
.index_about .mains>div img {width:100%;height:2.58rem;object-fit:cover;transition:none}
.index_about .mains>div p{position:absolute;bottom:.35rem;left:0;width:100%;padding:0 .26rem;margin:0;font-size:.18rem;color:#FFF;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.index_about .mains>div:hover {transform:translateY(-5px);}


.index_case{}
.index_case:before{position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}
.index_case .boxs{position:relative;text-align:center}
.index_case .boxs>div{position:relative;padding:1.35rem 0 1.1rem;}
.index_case .boxs:before,.index_case .boxs:after{content:'';width:100%;height:0;background:url(../images/icon3-1.png) 0 0 no-repeat;background-size:100% 100% !important;position:absolute;top:0;left:0;transition:all .7s ease-in-out}
.index_case .boxs:after{top:auto;bottom:0;background:url(../images/icon3-2.png) center bottom no-repeat;}
.index_case.on .boxs:before{height:1.54rem;transition-delay:150ms}
.index_case.on .boxs:after{height:1.73rem;transition-delay:250ms}
.index_case .boxs h3 {font-size:.48rem;color:#FFF;margin:0 0 .7rem;}
.index_case .lists .swiper-slide {text-align:center;}
.index_case .lists .swiper-slide img {width:100%;height:5rem;object-fit:cover;transition:none}
.index_case .lists .swiper-slide p{font-size:.36rem;color:#FFF;margin:.3rem 0 0;text-align:center;opacity:0;transform:translateY(10px);transition:all .7s ease-in-out}
.index_case .lists .swiper-slide-active p{opacity:1;transform:none;transition-delay:150ms}
.index_case .lists .slide-pagination{margin:.4rem 0 0;text-align:center}
.index_case .lists .slide-pagination span {opacity:.38;outline:none;width:.24rem;height:5px;background:#FFF;border-radius:0;margin:0 .06rem;}
.index_case .lists .slide-pagination span.swiper-pagination-bullet-active{opacity:1}
.index_case .lists{position:relative}
.index_case .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:-.8rem;font-size:.36rem;color:#FFF;opacity:.4;outline:none;font-weight:bold;}
.index_case .lists .swiper-page>div.slide-button-next{left:auto;right:-.8rem;}
.index_case .lists .swiper-page>div:hover {opacity:1}
.index_case .boxs>div:before,.index_case .boxs>div:after{content:"\f107";font:normal normal normal 14px/1 FontAwesome;position:absolute;left:50%;transform:translateX(-50%);width:.62rem;height:.62rem;background:#0150b5;font-size:.28rem;color:#FFF;line-height:.62rem;text-align:center;border-radius:100%;top:-.31rem;z-index:2}
.index_case .boxs>div:after{top:auto;bottom:-.31rem;}

.index_news {background:#FFF;padding:1.1rem 0 1.4rem}
.index_news h3 {font-size:.48rem;color:#000;text-align:center;margin:0 0 .55rem}
.index_news .mains{display:flex;gap:0 .15rem;}
.index_news .mains>div{width:33.333%;}
.index_news .mains .n1 a{display:block;position:relative}
.index_news .mains .n1 .imgs img {width:100%;height:5.77rem;object-fit:cover;transition:none}
.index_news .mains .n1 .txt{position:absolute;left:0;width:100%;z-index:1;bottom:.4rem;padding:0 .4rem}
.index_news .mains .n1 .txt span {font-size:.16rem;color:#f1f1f1}
.index_news .mains .n1 .txt h6 {font-size:.24rem;color:#f1f1f1;font-weight:bold;margin:.15rem 0 .2rem}
.index_news .mains .n1 .txt em {font-size:.16rem;color:#f1f1f1;display:block;margin:0 0 .35rem}
.index_news .mains .n1 .txt i {font-size:.16rem;color:#f1f1f1}
.index_news .mains .n2 a{display:block;background:#f1f1f1;position:relative}
.index_news .mains .n2 .text{height:3.27rem;padding:.45rem .2rem 0 .5rem }
.index_news .mains .n2 .text span {font-size:.16rem;color:#2760a3}
.index_news .mains .n2 .text h6{font-size:.24rem;color:#000;line-height:.28rem;height:.56rem;overflow:hidden;margin:.1rem 0}
.index_news .mains .n2 .text em {font-size:.16rem;color:#000}
.index_news .mains .n2 .text p{font-size:.16rem;color:#424242;line-height:.27rem;height:.54rem;overflow:hidden;margin:.15rem 0 .2rem}
.index_news .mains .n2 .text i {font-size:.16rem;color:#2661a3}
.index_news .mains .n2 .imgs img {width:100%;height:2.5rem;object-fit:cover;transition:none;}
.index_news .mains .n3 {background:url(../images/icon4.jpg) right bottom no-repeat;background-size:cover;height:5.77rem;display:flex;padding:.1rem 0;    flex-direction: column;    justify-content: center;}
.index_news .mains .n3 .tit {padding:0 .45rem;}
.index_news .mains .n3 .tit span {font-size:.16rem;color:#f1f1f1;}
.index_news .mains .n3 .tit h4 {font-size:.24rem;color:#f1f1f1;font-weight:bold;margin:.15rem 0 }
.index_news .mains .n3 .lists li {margin:0 0 .1rem;position:relative}
.index_news .mains .n3 .lists li>a{display:block;padding:.2rem .45rem;position:relative}
.index_news .mains .n3 .lists li:before{content:'';width:100%;height:0;background:#067fcb;position:absolute;top:50%;left:0;transition:all .4s ease-in-out;}
.index_news .mains .n3 .lists li:hover:before{height:100%;top:0}
.index_news .mains .n3 .lists li h6 {font-size:.16rem;color:#f1f1f1;margin:0 0 .1rem}
.index_news .mains .n3 .lists li span {font-size:.16rem;color:#f1f1f1}
.index_news .mains .n3 .mores{padding:0 .45rem}
.index_news .mains .n3 .mores a{font-size:.16rem;color:#f1f1f1}
/**/
.footer{background:#1b1b1b;padding:.8rem 0 .6rem}
.footer .f_infos{position:relative}
.footer .f_infos:before{content:'';width:100%;height:1px;background:#313131;position:absolute;top:.68rem;left:0}
.footer .f_infos>div{display:inline-block;vertical-align:top;width:29%}
.footer .f_infos .itembox{width:56%}
.footer .f_infos .codes{width:15%;text-align:right}
.footer .f_infos .logos>a{display:inline-block;height:.68rem;}
.footer .f_infos .logos img {max-height:.43rem;transition:none}
.footer .f_infos .logos .f_txt{padding:.2rem 0 0}
.footer .f_infos .logos .f_txt p{font-size:.14rem;color:#FFF}
.footer .f_infos .itembox>dl{ display:inline-block;vertical-align:top;width:20%;margin:0;padding:0 .15rem 0 0}
.footer .f_infos .itembox dl dt {font-weight:normal;padding:.2rem 0 0;height:.68rem;margin:0 0 .2rem}
.footer .f_infos .itembox dl dt a{font-size:.16rem;color:#FFF}
.footer .f_infos .itembox dl dd{margin:0 0 .13rem;}
.footer .f_infos .itembox dl dd a{font-size:.14rem;color:#FFF}
.footer .f_infos .codes .b_top{height:.68rem;margin:0 0 .2rem}
.footer .f_infos .codes .b_top>a{display:inline-block;background:linear-gradient(to bottom,#079cdb,#0c76be);width:.53rem;height:.53rem;border-radius:12px;line-height:.53rem;text-align:center;font-size:.22rem;color:#FFF}
.footer .f_infos .codes .img{display:inline-block;text-align:center;}
.footer .f_infos .codes .img img{max-width:1.52rem;transition:none}
.footer .f_infos .codes .img p {font-size:.14rem;color:#c5c5c5;margin:.15rem 0 0}
.footer .copy{margin:1rem 0 0;font-size:.14rem;color:#c5c5c5;}
.footer .copy a{font-size:.14rem;color:#c5c5c5;}
/*通用内页*/
.flash {position:relative}
.flash img {width:100%;transition:none;}
.flash .pa_txt{position:absolute;bottom:1.3rem;left:0;width:100%;z-index:1;text-align:center}
.flash .pa_txt h1 {font-size:.48rem;color:#FFF;font-weight:bold;}
.flash .pa_txt p{font-size:.18rem;color:#FFF;margin:.15rem 0 0}

.company{padding:1rem 0 1.3rem;}
.company .infos {margin:0 0 .63rem;}
.company .infos>div{display:inline-block;vertical-align:middle;width:58%}
.company .infos .imgs{width:42%;padding:0 0 .3rem;position:relative}
.company .infos .imgs img {width:100%}
.company .infos .imgs:after{content:'';width:100%;height:.1rem;background:linear-gradient(to right,#f0f7fb,#1283c8);position:absolute;bottom:0;left:0}
.company .infos .editor{padding:0 1.15rem 0 2.6rem;font-size:.16rem;color:#4b4b4b;line-height:1.7}
.company .infos .editor h2 {font-size:.48rem;color:#272728;margin:0 0 .6rem}
.company .nums{padding:.3rem 0 .4rem;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;display:none;}
.company .nums>div{display:inline-block;vertical-align:bottom;width:35%}
.company .nums>div:first-child+div {width:36%}
.company .nums>div:last-child{width:29%}
.company .nums>div>div{display:inline-block;vertical-align:bottom;width:22%}
.company .nums>div .t {width:78%}
.company .nums>div .img img {max-height:.84rem;transition:none;}
.company .nums>div .t>* {display:inline-block;vertical-align:bottom;}
.company .nums>div .t h5 {font-size:.55rem;color:#2c3442;font-weight:bold;width:38%}
.company .nums>div .t p{font-size:.16rem;color:#2c3442;padding:0 0 0 .1rem;line-height:1.7;width:62%;margin:0}
.company .nums>div:first-child+div .t h5 {width:56%}
.company .nums>div:first-child+div .t p{width:44%}

.history{padding:1rem 0 0;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;}
.history h3 {position:absolute;top:1.45rem;left:2.6rem;font-size:.48rem;color:#FFF}
.history .lists{position:relative;}
.history .lists>div{position:relative;height:8.16rem;}
.history .lists:before{content:'';width:90%;height:5.39rem;background:url(../images/icon5.png) 0 0 no-repeat;background-size:100% auto;position:absolute;bottom:1.67rem;left:0}
.history .lists li {position:absolute;padding-left:.16rem;width:2.1rem;}
.history .lists li:before{content:'';width:1px;height:100%;background:linear-gradient(to bottom,#FFF,rgba(255,255,255,0));position:absolute;left:0;top:0;}
.history .lists li:after{content:'';width:.11rem;height:.11rem;background:#FFF;position:absolute;left:-.05rem;top:0;z-index:1;border-radius:100%}
.history .lists li h6 {font-size:.3rem;color:#FFF;margin:0 0 .2rem}
.history .lists li .editor {font-size:.15rem;color:#FFF;line-height:1.6}
.history .lists li.i0 {bottom:0;left:0;height:2rem;}
.history .lists li.i1 {top:38%;left:11%;height:2.43rem;}
.history .lists li.i2 {bottom:0;left:24.5%;height:3.05rem;width:2.6rem}
.history .lists li.i3 {top:20%;left:38.5%;height:2.8rem;width:1.25rem}
.history .lists li.i4 {bottom:1.4rem;left:49%;height:2.8rem;width:1.3rem}
.history .lists li.i5 {top:10%;left:59%;height:2.8rem;width:1.8rem}
.history .lists li.i6 {top:37%;left:75%;height:2.18rem;width:2.2rem}
.history .lists li.i7 {top:0;right:0;height:2.8rem;width:2.23rem}

.culture{padding:1.5rem 0 .77rem;}
.culture h3{font-size:.48rem;color:#272728;margin:0 0 .5rem;}
.culture .lists {position:relative}
.culture .lists .swiper-slide>div{display:inline-block;vertical-align:top;width:46%}
.culture .lists .swiper-slide .imgs{width:54%;position:relative;opacity:0;transform:translateX(-40px);transition:all .7s ease-in-out}
.culture .lists .swiper-slide .imgs:after{content:'';width:.54rem;height:.46rem;background:url(../images/icon6-2.png) 0 0 no-repeat;background-size:.54rem .46rem;position:absolute;bottom:.25rem;right:1.3rem}
.culture .lists .swiper-slide .text{padding:1.3rem 0 0;position:relative}
.culture .lists .swiper-slide .text>*{transform:translateY(-20px);opacity:0;transition:all .7s ease-in-out}
.culture .lists .swiper-slide .text:before{content:'';width:.54rem;height:.46rem;background:url(../images/icon6-1.png) 0 0 no-repeat;background-size:.54rem .46rem;position:absolute;top:0;left:0}
.culture .lists .swiper-slide .text h6 {font-size:.24rem;color:#838383;margin:0 0 .35rem;}
.culture .lists .swiper-slide .text .editor {font-size:.3rem;color:#049de4;}
.culture .lists .swiper-slide-active .text>*{transform:none;opacity:1;transition-delay:100ms}
.culture .lists .swiper-slide-active .text .editor {transition-delay:150ms}
.culture .lists .swiper-slide-active .imgs{opacity:1;transform:none;transition-delay:100ms}
.culture .lists .slide-pagination{position:absolute;bottom:.45rem;left:0;z-index:1;width:auto;}
.culture .lists .slide-pagination span {opacity:1;outline:none;width:.15rem;height:.15rem;border:1px solid #b5b5b5;border-radius:100%;background:none;margin:0 .08rem;}
.culture .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0988cd;border-color:#0988cd}

.honor{padding:1.1rem 0 .5rem;background:linear-gradient(to bottom,#e7f3fd,#FFF)}
.honor h3 {font-size:.48rem;color:#272728;margin:0 0 .45rem;}
.honor .lists .swiper-slide a{display:block;position:relative;text-align:center;}
.honor .lists .swiper-slide .imgs {height:3.75rem;line-height:3.75rem;border:1px solid #c9c9c9;border-radius:15px;padding:0 .14rem;}
.honor .lists .swiper-slide .imgs img {max-height:3.48rem;transition:none}
.honor .lists .swiper-slide p{font-size:.16rem;color:#3c3d3d;text-align:center;margin:.25rem 0 0;opacity:0;transform:translateY(-10px);transition:all .6s ease-in-out}
.honor .lists .swiper-slide-active p{transform:none;opacity:1}
.honor .lists .swiper-page {margin:.45rem 0 0;text-align:center}
.honor .lists .swiper-page>div{display:inline-block;margin:0 .15rem;width:.51rem;height:.51rem;border:1px solid #b5b5b5;border-radius:100%;font-size:.16rem;color:#5f5f5f;line-height:.49rem;}
.honor .lists .swiper-page>div:hover {background:#0988cd;border-color:#0988cd;color:#FFF}
.honor .lists .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}

.workshop{background:#efefef;padding:1rem 0 1.24rem;}
.workshop h3 {font-size:.48rem;color:#272728;margin:0 0 .65rem;}
.workshop .swiper-slide a{display:block;position:relative;}
.workshop .swiper-slide .imgs img {width:100%;height:3.03rem;object-fit:cover;transition:none}
.workshop .swiper-slide .imgs{border-radius:10px;overflow:hidden}
.workshop .swiper-slide p{position:absolute;bottom:.4rem;left:0;width:100%;text-align:center;font-size:.19rem;color:#FFF;padding:0 .1rem;margin:0}
.workshop .swiper-page{margin:.55rem 0 0;text-align:center;}
.workshop .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;}
.workshop .swiper-page>div.itm{width:.38rem;height:.38rem;background:#0988cd;line-height:.38rem;font-size:.2rem;color:#FFF;border-radius:6px;margin:0 .05rem}
.workshop .swiper-page>div.slide-pagination span {opacity:1;outline:none;margin:0 .05rem;width:.38rem;height:.38rem;background:#FFF;line-height:.38rem;font-size:.18rem;color:#252526;border-radius:6px;}
.workshop .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{color:#0988cd}
.workshop .swiper-slide a:hover .imgs {transform:scale(.968);box-shadow:2px 2px 4px rgba(0,0,0,.12)}

.product_box{background:#f8f8f8}
.product_box .sortnav{background:#eaf8ff;border-bottom:1px solid #e0e3e5}
.product_box .sortnav li {display:inline-block;padding:0 .65rem 0 0;max-width:25%;}
.product_box .sortnav li a{font-size:.16rem;color:#212122;display:block;padding:.45rem 0 .35rem;position:relative;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.product_box .sortnav li a:after {content:'';width:0;height:4px;background:#015198;position:absolute;left:0;transition:all .4s ease-in-out;bottom:0}
.product_box .sortnav li.on a,.product_box .sortnav li:hover a{color:#015198}
.product_box .sortnav li.on a:after,.product_box .sortnav li:hover a:after{width:100%}
.product_box  .lists{padding:.9rem 0 1.5rem}
.product_box  .lists>div{margin:0 0 .5rem}
.product_box  .lists a{display:block;position:relative;background:#FFF}
.product_box  .lists a>div{display:inline-block;vertical-align:middle;width:60%}
.product_box  .lists a .text{width:40%;padding:0 .2rem 0 .5rem;}
.product_box  .lists a .text h6 {font-size:.3rem;color:#015198;margin:0 0 .15rem;}
.product_box  .lists a .text p {font-size:.16rem;color:#474848;margin:0}
.product_box  .lists a .text h5 {font-size:.2rem;color:#474848;margin:1.6rem 0 .45rem;}
.product_box  .lists a .text em {font-size:.16rem;color:#646464}
.product_box  .lists a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.12)}
/**/
.header.page_header{background:#f8f8f8;}
.header.page_header .logos img{opacity:0}
.header.page_header .logos img.logo2{opacity:1}
.header.page_header .navlist li a {color:#383838}
.header.page_header .langs dl dt>i{color:#0f79c0}
.header.page_header .langs dl dt em {color:#383838}
.header.page_header .langs dl dt em>i{color:#0c77bf}

.show_product {padding:1.1rem 0;background:#f8f8f8}
.show_product .sortnav{background:#eaf8ff;border-bottom:1px solid #e0e3e5}
.show_product .sortnav li {display:inline-block;padding:0 .65rem 0 0;max-width:25%;}
.show_product .sortnav li a{font-size:.16rem;color:#212122;display:block;padding:.45rem 0 .35rem;position:relative;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.show_product .sortnav li a:after {content:'';width:0;height:4px;background:#015198;position:absolute;left:0;transition:all .4s ease-in-out;bottom:0}
.show_product .sortnav li.on a,.show_product .sortnav li:hover a{color:#015198}
.show_product .sortnav li.on a:after,.show_product .sortnav li:hover a:after{width:100%}

.show_product .mainbox{margin:.65rem 0;background:#FFF;}
.show_product .mainbox>div{display:inline-block;vertical-align:middle;width:60%}
.show_product .mainbox .imgbox{position:relative}
.show_product .mainbox .imgbox .swiper-page>div{position:absolute;top:50%;left:.3rem;transform:translateY(-50%);font-size:.4rem;color:#FFF;opacity:.6;z-index:1;font-weight:bold;}
.show_product .mainbox .imgbox .swiper-page>div.slide-button-next{left:auto;right:.3rem}
.show_product .mainbox .imgbox .swiper-page>div:hover {opacity:1}
.show_product .mainbox .text{width:40%;padding:.4rem .3rem .4rem .4rem;}
.show_product .mainbox .text h3 {font-size:.3rem;color:#015198;padding:0 0 .2rem;border-bottom:2px solid #e8e8e8;margin:0 0 .3rem;}
.show_product .mainbox .text .editor h6 {font-size:.16rem;color:#015198;margin:0 0 .15rem;}
.show_product .mainbox .text .editor{font-size:.16rem;color:#4d4d4d;line-height:1.7}
.show_product .annotation{background:#FFF;padding:.5rem .5rem .8rem}
.show_product .annotation h4 {font-size:.3rem;color:#015198;padding:0 0 .2rem;border-bottom:1px solid #d5d5d5;margin:0 0 .3rem;}
.show_product .annotation .editor{font-size:.16rem;color:#4d4d4d;}
.show_product .annotation .editor>div{display:inline-block;vertical-align:middle;width:58%}
.show_product .annotation .editor .imgs{width:42%}
.show_product .annotation .editor .txt{font-size:.16rem;color:#4d4d4d;line-height:1.75;padding:0 .95rem 0 0}

.show_product .peculiarity{background:#FFF;padding:0 .5rem 1.5rem}
.show_product .peculiarity h4 {font-size:.3rem;color:#015198;padding:0 0 .2rem;border-bottom:1px solid #d5d5d5;margin:0 0 .3rem;}
.show_product .peculiarity .editor {font-size:.16rem;color:#4d4d4d;line-height:1.75}

.show_product .pro_imgbox{padding:.65rem 0 0}
.show_product .pro_imgbox li {display:inline-block;vertical-align:top;width:33.333%;padding:0 .15rem;margin:0 0 .35rem}
.show_product .pro_imgbox li img {width:100%;height:3.25rem;object-fit:cover;transition:none}
.show_product .pro_imgbox li a{display:block;position:relative}

/*案例*/
.case_box{padding:.85rem 0 1.5rem;background:#f8f8f8}
.case_box .imglist{margin:0 0 .9rem;}
.case_box .imglist ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.34rem .2rem;}
.case_box .imglist li .box{position:relative;border-radius:8px;overflow:hidden;}
.case_box .imglist li .imgs span {background:none !important;}
.case_box .imglist li .imgs img {width:100%;height:2.65rem;object-fit:cover;transition:none}
.case_box .imglist li p{position:absolute;line-height:.4rem;text-align:center;bottom:0;left:0;width:100%;font-size:.16rem;color:#FFF;background:rgba(0,0,0,.43);margin:0}
.case_box .imglist li .box:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.case_box .mains>div.items{margin:0 0 .45rem;background:#FFF;padding:.65rem .6rem 1rem;}
.case_box .mains>div h4 {font-size:.24rem;color:#0a85c9;padding:0 0 .4rem;border-bottom:1px solid #e2e2e2;margin:0 0 .55rem;}
.case_box .mains>div .lists{display:flex;flex-direction: row;    flex-wrap: wrap;}
.case_box .mains>div .lists>div{width:50%;padding:0 .2rem 0 0;margin:0 0 .4rem}
.case_box .mains>div .lists>div:nth-child(2n) {padding:0 0 0 .2rem}
.case_box .mains>div .lists a{display:block;background:#f4f4f4;border-radius:6px;overflow:hidden;padding:.3rem .25rem .42rem;height:100%}
.case_box .mains>div .lists h6 {font-size:.2rem;color:#383838;line-height:.32rem;height:.64rem;overflow:hidden;}
.case_box .mains>div .lists .editor{padding:.25rem 0 0;margin:.2rem 0 0;border-top:1px solid #c9c9c9;display:flex;flex-direction: row;
    flex-wrap: wrap;      justify-content: space-between;}
.case_box .mains>div .lists .editor p {margin:0 0 .15rem;font-size:.16rem;color:#585858;width:60%}
.case_box .mains>div .lists .editor p:nth-child(2n) {width:40%;text-align:right}
.case_box .mains>div .lists a:hover{transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/**/
.news_box{padding:.9rem 0 2rem;}
.news_box h3 {font-size:.48rem;color:#323131;text-align:center;margin:0 0 .6rem}
.news_box .top_new{margin:0 0 .8rem}
.news_box .top_new>a{display:block;background:#f4f4f4;}
.news_box .top_new>a>div{display:inline-block;vertical-align:middle;width:46%}
.news_box .top_new .imgs{width:54%}
.news_box .top_new .text{padding:0 .45rem;}
.news_box .top_new .text span {font-size:.16rem;color:#929292}
.news_box .top_new .text h6 {font-size:.24rem;color:#373636;font-weight:bold;margin:.3rem 0 .2rem}
.news_box .top_new .text p{font-size:.16rem;color:#797979;line-height:.26rem;height:.78rem;overflow:hidden;margin:0 0 .7rem;}
.news_box .top_new .text em {display:inline-block;font-size:.14rem;color:#FFF;padding:0 .22rem;line-height:.35rem;border-radius:9999px;background:#929292}
.news_box .top_new .imgs img {width:100%;height:3.8rem;object-fit:cover;transition:none;}
.news_box .lists ul {display:grid;grid-template-columns:repeat(3,33.333%);gap:.65rem .55rem}
.news_box .lists ul li a{display:block;position:relative;background:#f4f4f4}
.news_box .lists ul li .imgs {position:relative}
.news_box .lists ul li .imgs img {width:100%;height:2.52rem;object-fit:cover;transition:none}
.news_box .lists ul li .imgs p{margin:0;position:absolute;bottom:0;left:0;background:#FFF;padding:.1rem;text-align:center;font-size:.2rem;color:#282828}
.news_box .lists ul li .imgs p em{font-size:.14rem;color:#b7b7b7;display:block;}
.news_box .lists ul li .text {padding:.4rem .3rem .5rem}
.news_box .lists ul li .text h5 {font-size:.2rem;color:#363636;font-weight:bold;margin:0 0 .2rem}
.news_box .lists ul li .text p{font-size:.16rem;color:#565656;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .6rem}
.news_box .lists ul li .text em {font-size:.16rem;color:#363636;text-transform:uppercase;}
.news_box .lists ul li .text em i{margin-left:.1rem;}
.news_box .lists ul li a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/*翻页*/
.page {margin:.8rem 0 0}
.page a{display:inline-block;margin:0 .05rem;width:.39rem;height:.39rem;border:1px solid #929292;border-radius:6px;line-height:.37rem;font-size:.16rem;color:#7d7d7d;}
.page a.page-num-current{background:#3899ea;border-color:#3899ea;color:#FFF}
/**/
.contact_box{}
.contact_box .infos {padding:.9rem 0 1.45rem}
.contact_box .infos .adds{padding:0 0 .5rem;border-bottom:2px dashed #d8d8d8;position:relative;margin:0 0 .55rem}
.contact_box .infos .adds>*{display:inline-block;vertical-align:middle;width:50%}
.contact_box .infos .adds p {font-size:.24rem;color:#232323;margin:0}
.contact_box .infos .adds p img {margin-right:.15rem;}
.contact_box .infos .adds h6 {text-align:right;font-size:.24rem;color:#098bce}
.contact_box .infos .items>div{display:inline-block;vertical-align:middle;width:33.333%;}
.contact_box .infos .items .t>p {display:inline-block;vertical-align:middle;margin:0;width:22%;font-size:.18rem;color:#232323}
.contact_box .infos .items .t>p em {font-size:.24rem;color:#232323;display:block;margin:0 0 .15rem}
.contact_box .infos .items .t>p:last-child{width:78%}
.contact_box .infos .adds p img,.contact_box .infos .items .t>p img {max-height:.76rem;transition:none;}


.contact_box .boxs{display:flex;}
.contact_box .boxs>div{width:50%}
.contact_box .map #container {height:100%;min-height:360px;}

.message{padding:0 1.6rem 0 .45rem}
.message h3 {font-size:.36rem;color:#333;margin:0 0 .35rem;text-align:center;}
.message .lists li {padding:0 .32rem 0 0;margin:0 0 .45rem}

.message .lists li input[type="text"],.message .lists li textarea{width:100%;height:.65rem;min-height:35px;background:#f5f5f5;padding:0 .15rem;border-radius:10px;font-size:.18rem;color:#6c6c6c;border:0}
.message .lists li textarea{height:1.65rem;padding:.3rem .15rem;}
.message .lists li input[name="checkcode"] {width:30%}
.message .lists li button{background:#098bcf;border-radius:999px;font-size:.18rem;color:#FFF;padding:0 .75rem;height:.65rem;min-height:35px;border:0}

.partner_box {padding:.85rem 0 1.8rem;}
.partner_box .mains {overflow:hidden}
.partner_box ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:0 .28rem;border-top:1px solid #dcdcdc}
.partner_box ul li {text-align:center;padding:.5rem 0 .8rem;position:relative}
.partner_box ul li:after{content:'';width:150%;height:1px;background:#dcdcdc;position:absolute;bottom:0;left:0}
.partner_box ul li a{display:block;position:relative}
.partner_box ul li .imgs {width:100%;height:2.98rem;line-height:2.98rem;padding:0 .15rem;background:url(../images/icon7.png) 0 0 no-repeat;background-size:100% 100%}
.partner_box ul li .imgs span{display:inline-block;vertical-align:middle;background:none !important}
.partner_box ul li .imgs img{max-height:.9rem;transition:none}
.partner_box ul li p{font-size:.16rem;color:#414040;margin:.15rem 0 0}
.partner_box ul li a:hover .imgs span{transform:scale(.98);}

.partner_box .swiper-page{margin:.55rem 0 0;text-align:center;}
.partner_box .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;}
.partner_box .swiper-page>div.itm{width:.38rem;height:.38rem;background:#0988cd;line-height:.38rem;font-size:.2rem;color:#FFF;border-radius:6px;margin:0 .05rem}
.partner_box .swiper-page>div.slide-pagination span {opacity:1;outline:none;margin:0 .05rem;width:.38rem;height:.38rem;background:#FFF;line-height:.38rem;font-size:.18rem;color:#252526;border-radius:6px;}
.partner_box .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{color:#0988cd}
/********<=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:1720px){
	.header .navlist li{padding:0 .35rem 0 0}
	.index_about .datanum>div .t h5,.company .nums>div .t h5{font-size:.4rem;}
	.index_about .datanum>div .t p,.company .nums>div .t p{font-size:.16rem;}
}
@media(max-width:1440px){
	.m210 {margin:0 1.1rem;}
	.company .infos .editor{padding-left:1.6rem;}
	.tem_banner .swiper-page > div{left:1.1rem}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:1.1rem}
	
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m210 {margin:0 25px;}
	.company .infos .editor{padding-left:25px;}
	.message .lists li input[type="text"], .message .lists li textarea {font-size:12px;}
	.message .lists li button{font-size:12px;}
	
	.tem_banner .swiper-page > div{left:25px}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:25px}	
	.message{padding:0 25px 0 .45rem;}
	.partner_box ul{grid-template-columns:1fr 1fr 1fr;gap:.28rem .28rem;}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .label_txt{display:none}
	.tem_banner .swiper-page > div{left:15px}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:15px}	
	.tem_banner .slide-pagination{bottom:.15rem}
	.index_about .datanum > div{width:50% !important;margin:0 0 .35rem}
	.index_about .datanum > div::before{display:none;}
	.index_about .datanum > div > div{display:block;width:100% !important;}
	.index_about .mains > div{width:50%;margin:0 0 .3rem;}
	
	.index_news .mains > div{width:100%;margin:0 0 .3rem}
	.index_news .mains{display:block;}
	.footer .f_infos > div{width:60%}
	.footer .f_infos .itembox{display:none;}
	.footer .f_infos .codes{width:40%}
	.company .infos > div{display:block;width:100% !important;}
	.company .infos .editor{padding:0 15px;}
	.company .nums > div{width:50%;margin:0 0 .35rem}
	.history h3{position:relative;top:auto;left:auto;text-align:center;margin:0 0 .35rem}
	.history .lists::before{display:none}
	.history .lists li{position:relative;top:auto !important;left:auto !important;bottom:auto !important;right:auto !important;display:inline-block;vertical-align:top;width:48% !important;margin:0 1%}
	.culture .lists .swiper-slide > div{display:block;width:100% !important;}
	.product_box .lists a > div{display:block;width:100% !important;}
	.product_box .lists a .text{padding:.35rem .2rem;}
	.show_product .mainbox > div,.show_product .annotation .editor > div{display:block;width:100% !important;}
	.show_product .mainbox .text{padding:.45rem .2rem}
	.show_product .annotation .editor .txt{padding:0 0 .35rem}
	.show_product{padding-top:50px;}
	.case_box .imglist ul{grid-template-columns:1fr 1fr}
	.case_box .mains > div .lists{display:block;}
	.case_box .mains > div .lists>div{margin:0 0 .35rem}
	.news_box .top_new{display:none}
	.news_box .lists ul{display:flex;gap:0;flex-wrap: wrap;flex-direction: row;}
	.news_box .lists ul li {width:50%;padding:0 .1rem;margin:0 0 .5rem}
	.contact_box .infos .items > div{width:50%;margin:0 0 .4rem}
	.contact_box .infos .items .t > p{width:40%}
	.contact_box .infos .items .t > p:last-child{width:60%}
	.message .lists li{padding:0}
	.show_product .pro_imgbox li{width:50%}
	.contact_box .boxs>div{width:100%;margin:0 0 .35rem;}
	.message{padding:0 15px;}
	.contact_box .boxs{display:block;}
	.partner_box ul{grid-template-columns:1fr 1fr;gap:.28rem .28rem;}

}