/***** header ******/
header{position:fixed;width:100%;top: 10%;z-index: 18;}
header.indis .dtable{background:#FFF}
header .top .left{text-align:left;}
header .top .left>div{display:table-cell;vertical-align:middle}
header .top .left .menu{padding:.3rem;background: #30a0d2;display: table-cell;font-size: 0;cursor: pointer;}
header .top .left .menu span{display:inline-block;width:34px;height:2px;background:#fff;position:relative;transition:1s;}
header .top .left .menu span::after,header .top .left .menu span::before{position:absolute;content:'';width:100%;height:100%;background:#fff;transition:all .5s linear}
header .top .left .menu span::before {top: -12px;}
header .top .left .menu span::after {bottom: -12px;}
header .top .left .menu:hover span{background:transparent;}
header .top .left .menu:hover span::before {transform:rotate(45deg);top:0}
header .top .left .menu:hover span::after {transform:rotate(-45deg);bottom:0}

header .top .left .logo{background:#fff;text-align:center;font-size: 0;width:32%}
header .top .left .logo a {padding:0 .2rem;display: block;line-height:.85rem;}
header .top .left .logo img {max-height:.45rem;transition:none}

header .top .right{text-align:right;font-size:0}
header .top .right .lang{display:inline-block;padding-right:.4rem;}
header .top .right .lang a{font-size:.18rem;color:#fff;display: inline-block;padding-left: .1rem;}
header .top .right .lang a:first-child {padding-right: .15rem;position:relative;padding-left: 0;}
header .top .right .lang a:first-child::after{position:absolute;content:'';top: 50%;right: 0;width:5px;height:5px;background:#fff;border-radius:100%;transform:translateY(-50%)}

header.indis .top .right .lang a{color:#545454}
header .top .right .lang a.on,header .top .right .lang a:hover{color: #30a0d2 !important;text-shadow: 0px 0px 4px #fff !important;}
header.indis .top .right .lang a:first-child::after{background:#575757}

header .top .left .nav{padding: 0 .5rem;font-size: 0;}
header .top .left .nav ul {display:flex;align-items:center;gap:0 .6rem;}
header .top .left .nav li a{font-size:.16rem;color: #545454;}
header .top .left .nav li a:hover,header .top .left .nav li a.on {color:#30a0d2;}

header.index .top .left .nav {visibility:hidden;transform:translateX(-5vw);opacity:0}
header.is_header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,.12);top:0}
header.on_h {top:-1.2rem;}
/**/
header.open_s .dtable{background:#FFF}
header.open_s .top .left .nav {visibility:visible;transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
header.open_s .top .right .lang a{color:#545454}
header.open_s .top .right .lang a:first-child::after{background:#575757}
header.open_s .top .left .menu span{background:transparent;}
header.open_s .top .left .menu span::before {transform:rotate(45deg);top:0}
header.open_s .top .left .menu span::after {transform:rotate(-45deg);bottom:0}
/**/
.section{overflow:hidden}
#fp-nav{display:none;}
section.banner{width:100%;position: relative;}

/**/
.tem_banner .swiper-slide img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .swiper-slide .label_text{position:absolute;top:50%;left:1.6rem;z-index:1;text-align:left;}
.tem_banner .swiper-slide .label_text h3 {font-size:.6rem;color:#FFF;font-weight:bold;}
.tem_banner .swiper-slide .label_text p{font-size:.48rem;color:#FFF;margin:.5rem 0 0}
.tem_banner .swiper-slide .label_text>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_text>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.tem_banner .swiper-slide-active .label_text p{transition-delay:150ms}
.tem_banner .slide-pagination{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);z-index:1;display:grid;z-index:1;width:auto;left:auto;gap:.2rem 0;bottom:auto;grid-template-columns:1fr}
.tem_banner .slide-pagination span {opacity:.32;outline:none;width:.13rem;height:.13rem;background:#FFF;margin:0 !important}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#30a0d2;width:.18rem;height:.18rem;opacity:1;}

/**/
section.about{background: url(../images/about_bj.jpg) no-repeat;}
section.about .left{width:50%;text-align: center;}
section.about .left .item {display: inline-block;position: relative;}
section.about .left .item .con {position: absolute;z-index: 1;width: 100%;height: 100%;}
section.about .left .item .con li{position:absolute;width: 1.1rem;}
section.about .left .item .con li a{display:block;position:relative}
section.about .left .item .con li a .title{font-size:.16rem;color:#191919;right: -5%;position: absolute;}

section.about .left .item .con .li1 a .title {right: initial;}
section.about .left .item .con li a .tb{font-size:0;position:absolute;width:1.1rem;height:1.1rem;}
section.about .left .item .con li.li0 a .tb{top:4%;left: -38%;}
section.about .left .item .con li a .tb .pd{transition:1s;display:inline-block;padding:5px;border:1px dashed #0073af;border-radius:100%;overflow:hidden}
section.about .left .item .con li a:hover .tb .pd{transition:1s;padding:.1rem}
section.about .left .item .con li a .tb .pd .yuan{background:#30a0d2;border-radius:100%}
section.about .left .item .con li a .tb .pd .yuan img{opacity:0;width:.145rem;height:.145rem;transition:1s}
section.about .left .item .con li a:hover .tb .pd .yuan img{opacity:1;width:.88rem;height:.88rem;transition:1s}

section.about .left .item .bj{font-size:0;animation:circleRoate 10s infinite linear;position:relative;}
section.about .left .item .bj img {width:6.46rem;transition:none}
@keyframes circleRoate{from{transform: rotate(0deg) infinite;}to{transform: rotate(360deg);}}
section.about .left .item .image{position:absolute;top:0;left:0;width:100%;height:100%}
section.about .left .item .image .pd{display:inline-block;font-size:0;border-radius:100%;overflow:hidden}
section.about .left .item .image .pd img {width:5.01rem;transition:none;}
section.about .left .item .con li.li0{left:48%;top: -9%;}
section.about .left .item .con li.li1{right: -9.1%;top: 37%;}
section.about .left .item .con li.li2{bottom: 9.5%;left: 40%;}
section.about .left .item .con li.li3{left: -9.5%;top: 42%;}
section.about .right{width:50%;padding: 0 .3rem;}
section.about .right .title {padding-bottom: .12rem;border-bottom: 1px solid #000;}
section.about .right .title h2{font-size:.6rem;text-transform:uppercase;font-family:arial;color:#00000045;display:block;line-height:.65rem}
section.about .right .title p{font-size:.24rem;color:#1c1c1c}
section.about .right .con{color:#353535;font-size:.16rem;line-height:.3rem;margin:.4rem 0}
section.about .right .list{width:100%;margin-bottom:.3rem}
section.about .right .list li{font-size:.14rem;color:#5c5c5c}
section.about .right .list li p{margin:0}
section.about .right .list li em{font-style:initial;color:#30a0d2;font-size:.35rem;font-weight:700}
section.about .right .more{width:100%;text-align:left;font-size:0}
section.about .right .more a{font-size:.14rem;display:inline-block;background:#30a0d2;color:#fff;width:180px;height:.6rem;line-height:.6rem;text-align:center;border-radius:5px;transition:1s}
section.about .right .more a:hover{background:#000}
/**/
section.product{background:url(../images/x0.jpg) center no-repeat;background-size:cover;}
section.product .titles{display:flex;justify-content: space-between;margin:0 0 1.05rem;}
section.product .titles .names h3{font-size:.48rem;color:#FFF;font-weight:bold;}
section.product .titles .names p{font-size:.24rem;color:#FFF;margin:.15rem 0 0}
section.product .titles ol{margin:0;padding:0;display:flex}
section.product .titles ol li a{display:block;min-width:3.15rem;text-align:center;line-height:.93rem;font-size:.18rem;color:#FFF;background:#30a0d2}
section.product .titles ol li img {max-height:.55rem;transition:none;margin-right:.2rem;}
section.product .titles ol li a:hover {background:#8fc320}
section.product .lists{position:relative}
section.product .lists .swiper-slide a{display:block;position:relative}
section.product .lists .swiper-slide .imgs {border-radius:10px;overflow:hidden;}
section.product .lists .swiper-slide .imgs img {width:100%;height:3.64rem;object-fit:cover;transition:none}
section.product .lists .swiper-slide p{margin:.25rem 0 0;font-size:.18rem;color:#FFF}
section.product .lists .swiper-slide a:hover .imgs{box-shadow:.13rem .13rem .14rem rgba(0,0,0,.33)}
section.product .lists .slide-pagination{margin:.95rem 0 0;width:auto;display:flex;justify-content:center;align-items:center;gap:0 .22rem;}
section.product .lists .slide-pagination span {opacity:.32;outline:none;width:.13rem;height:.13rem;background:#FFF}
section.product .lists .slide-pagination span.swiper-pagination-bullet-active{background:#30a0d2;width:.18rem;height:.18rem;opacity:1}
section.product .lists .swiper-page>div{position:absolute;top:30%;left:0;width:.39rem;height:.39rem;background:#30a0d2;font-size:.18rem;color:#FFF;text-align:center;line-height:.39rem;z-index:1}
section.product .lists .swiper-page>div.slide-button-next{left:auto;right:0}

.tem_news h3{font-size:.48rem;color:#2e2e2e;font-weight:bold;margin:0 0 .6rem;text-align:center;}
.tem_news .lists{position:relative;}
.tem_news .swiper-slide a{display:block;position:relative}
.tem_news .swiper-slide .imgs img {width:100%;height:3.2rem;object-fit:cover;transition:none;}
.tem_news .swiper-slide .imgs {border-radius:10px;overflow:hidden;}
.tem_news .swiper-slide .text{padding:.45rem 0 0}
.tem_news .swiper-slide .text h6{font-size:.2rem;color:#2e2e2e;font-weight:bold;}
.tem_news .swiper-slide .text p{font-size:.16rem;color:#2e2e2e;line-height:.28rem;height:.56rem;overflow:hidden;margin:.25rem 0 .5rem;}
.tem_news .swiper-slide .text .mores{display:flex;border-top:1px solid #b5b5b5;padding:.35rem 0 0;justify-content:space-between;align-items:center}
.tem_news .swiper-slide .text .mores span {font-size:.18rem;color:#262626;font-weight:bold}
.tem_news .swiper-slide .text .mores em {font-size:.18rem;color:#30a0d2;text-decoration:underline}
.tem_news .swiper-page>div{position:absolute;top:22%;left:-.59rem;z-index:1;width:.39rem;height:.39rem;background:#626262;font-size:.18rem;color:#FFF;line-height:.39rem;text-align:center;}
.tem_news .swiper-page>div.slide-button-next{left:auto;right:-.59rem;}
.tem_news .swiper-page>div:hover {background:#30a0d2}
.tem_news .swiper-slide a:hover .imgs{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/**/
.tem_link{display:flex;position:relative}
.tem_link>a{flex:0 0 50%;display:block;font-size:.36rem;color:#30a0d2;line-height:1.79rem;border:1px solid #e5e5e5;border-left:0;border-right:0;text-align:center}
.tem_link>a:nth-child(2){background:#30a0d2;color:#FFF;border-color:#30a0d2}
.tem_link .f_logo{width:.8rem;height:.8rem;line-height:.8rem;text-align:center;background:#FFF;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.tem_link .f_logo img {max-height:.36rem;transition:none;}
/*底部*/
footer .mains{background:#eee;padding:.38rem 0}
footer .mains>div{display:flex;align-items:center;flex-direction: row-reverse;}
footer .mains .navs{flex:0 0 61.3%;border-right:2px solid #dadada}
footer .mains .navs ul{display:flex;gap:0 .8rem;}
footer .mains .navs li a{font-size:.18rem;color:#5d5d5d;font-weight:bold;}
footer .mains .navs p{margin:.95rem 0 0;font-size:.18rem;color:#5d5d5d}
footer .mains .navs p a{font-size:.18rem;color:#5d5d5d}
footer .mains .tels{flex:0 0 38.7%;display: flex;    flex-direction: column;    align-items: flex-end;padding-left:.15rem;}
footer .mains .tels h6{display:flex;font-size:.18rem;color:#475056;font-weight:bold;line-height:1.6}
footer .mains .tels h6 img {max-height:.38rem;transition:none;margin-right:.2rem;}
footer .mains .tels p{font-size:.18rem;color:#5d5d5d;margin:.2rem 0 0;}
/***** header end ******/
#showproduct {padding: .6rem 0;}
/***** banner end ******/
.tem_banner{position:relative}
.tem_banner .flash {font-size:0;}
.tem_banner .flash img{width:100%!important;height:auto!important}
.tem_banner .page_nav{position:absolute;bottom:0;left:0;width:100%}
.tem_banner .page_nav .dtable {background: #fff;}
.tem_banner .page_nav .home {width: .8rem;background:#282828}
.tem_banner .page_nav .home a{display: block;background: url(../images/page_nav_home.png) no-repeat center;height: .8rem;}
.tem_banner .page_nav .nav {padding-left: .4rem;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.tem_banner .page_nav .nav li {display: inline-block;padding-right: 5%;}
.tem_banner .page_nav .nav li a{display:block;color:#191919;font-size:.16rem;position:relative;transition: 1s;}
.tem_banner .page_nav .nav li a:hover,.tem_banner .page_nav .nav li a.on {transition:1s;color:#30a0d2}
/***** banner end ******/

.page_position{position:relative;top: -1rem;}
.page_title{text-align:center}
.page_title h2{font-size:.3rem;color:#fff;font-weight:400;padding-bottom:.1rem;display:inline-block;position:relative;margin-bottom:.5rem}
.page_title h2::after{position:absolute;content:'';left:50%;bottom:0;width:.5rem;height:2px;background:#fff;margin-left:-.25rem}
.proflie{width:100%;padding:.6rem 0}
.proflie .top .txt{background:#30a0d2;color:#fff;padding:0 .4rem;width:23%}
.proflie .top .txt .title{font-size:.3rem;color:#fff;position:relative;padding-bottom:.15rem;margin-bottom:.4rem}
.proflie .top .txt .title::after{content:'';position:absolute;left:0;bottom:0;width:.3rem;height:2px;background:#fff}
.proflie .top .txt .con{font-size:.14rem;color:#fff;line-height:.26rem;margin-bottom:.4rem}
.proflie .top .txt .click{text-align:left;font-size:0}
.proflie .top .txt .click a{display:inline-block;cursor:pointer}
.proflie .top .img img{width:100%}
.proflie .bot{margin-top:.5rem;font-size:.16rem;color:#464646;line-height:.3rem;padding-left:.4rem}
.honor{width:100%;padding:.6rem 0;background:url(../images/honor_bj.jpg)}
.honor .list{text-align:center;max-height: 4.33rem;overflow: hidden;}
.honor .list a{display:block}
.honor .list .img {height:3.22rem;line-height:3.22rem;}
.honor .list .img img {max-height:3.22rem;transition:none;}
.honor .list a .name{background:#fff;margin-top:.2rem;border-radius:8px;transition:2s;}
.honor .list a:hover .name{transition:2s;background:#444}
.honor .list a .name p{padding:0 .1rem;overflow:hidden;height:.4rem;line-height:.4rem;font-size:.14rem;color:#515151;transition:2s;}
.honor .list a:hover .name p{transition:2s;color:#fff;}
.honor .list .slide-pagination{position:relative;font-size:0;bottom:0;margin-top: .4rem;}
.honor .list .slide-pagination span{background:#fff;width:10px;height:10px}
.teamstyle{padding:.6rem 0;}
.teamstyle .page_title h2 {color: #1f1f1f;}
.teamstyle .page_title h2::after {background: #1f1f1f;}
.teamstyle .nav{margin-bottom:.5rem;text-align:center}
.teamstyle .nav ol{list-style:none;font-size:0}
.teamstyle .nav ol li{display:inline-block;margin:0 .13rem}
.teamstyle .nav ol li a{font-size:.16rem;display:block;width:1.5rem;height:.5rem;line-height:.5rem;background:#d2d2d2;color:#383838;border-radius:5px;transition:1s}
.teamstyle .nav ol li#current a{background:#30a0d2;transition:1s;color:#fff}
.teamstyle .list{width:100%;max-height:3.54rem;overflow:hidden}
.teamstyle .list a{display:block}
.teamstyle .list .img img {width:100%;height:2.58rem;object-fit:cover;transition:none}
.teamstyle .list a:hover .img {transform:scale(.98)}

.teamstyle .list a p{text-align:center;padding:0 .1rem;line-height:.65rem;height:.65rem;font-size:.16rem;color:#383838;display:block;transition:1s;}
.teamstyle .list a:hover p{transition:1s;color:#30a0d2}
.teamstyle .list .slide-pagination{font-size:0;bottom:0;text-align:center;margin-top:.2rem}
.teamstyle .list .slide-pagination span{width:10px;height:10px;background:#d2d2d2;opacity:1}
.teamstyle .list .slide-pagination span.swiper-pagination-bullet-active{background:#30a0d2}
.equipment{background:#f7f7f7;padding:.6rem 0}
.equipment h2{color:#1f1f1f}
.equipment h2:after{background:#1f1f1f}
.equipment .list {text-align: center;max-height: 4.31rem;overflow: hidden;}
.equipment .list a{display:block;}
.equipment .list .img img {width:100%;height:3rem;object-fit:cover;transition:none;}
.equipment .list a:hover .img{transform:scale(.968);box-shadow:4px 4px 6px rgba(0,0,0,.2)}
.equipment .list a .name{background:#444;margin-top:.2rem;border-radius:8px;transition:2s;}
.equipment .list a:hover .name{background:#30a0d2}
.equipment .list a .name p{padding:0 .1rem;overflow:hidden;line-height:.5rem;font-size:.14rem;color:#fff}
.equipment .list .slide-pagination{font-size:0;bottom:0;text-align:center;margin-top: .5rem;}
.equipment .list .slide-pagination span{width:10px;height:10px;background:#d2d2d2;opacity:1}
.equipment .list .slide-pagination span.swiper-pagination-bullet-active{background:#30a0d2}


.page_product{width:100%;padding:.5rem 0 1.1rem;background:#f7f7f7;}
.page_product ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem .25rem;}
.page_product li a{display:block}
.page_product li a .img{box-shadow:1px 1px 3px #dedede}
.page_product li a:hover img{transition:2s;transform:scale(1.1)}
.page_product li a .text::after{position:absolute;content:'';left:0;bottom:0;width:0;height:1px;background:#30a0d2;transition:1s}
.page_product li a:hover .text::after{width:100%;transition:1s;left:0}
.page_product li .text{padding:.3rem 0;position:relative}
.page_product li .text h2 {font-size:.18rem;color:#333;}
.page_product li .text p{font-size:.16rem;color:#333;margin:.15rem 0 0}

.page_product .editor{font-size:.16rem;color:#333}
.page_product .editor table {width:100%;background:#F2F2F2;}
.page_product .editor table td {border:2px solid #f7f7f7;font-size:.16rem;color:#333;height:.5rem;padding-left:.3rem;vertical-align:middle;width:auto;}
.page_product .editor table p {margin:0}
.page_product .editor table tr:nth-child(2n) td{background:#EAEAEA}
.page_product .editor table tr:first-child td{color:#FFF;background:#30a0d2;font-size:.18rem;}
/*翻页*/
.page {display:flex;margin:.5rem 0 0;justify-content:center;align-items:center;gap:0 .12rem;}
.page a{display:inline-block;width:.28rem;height:.28rem;border:1px solid #d2d2d2;background:#f3f3f3;font-size:.16rem;color:#787878;line-height:.26rem;text-align:center;border-radius:3px;}
.page a.page-num-current,.page a:hover{background:#30a0d2;color:#FFF;border-color:#30a0d2;}

/**/
.page_news{width:100%;padding: .6rem 0;background: #fff;}
.page_news .title{text-align:center;color:#000000;font-size:.3rem;margin-bottom: .4rem;}
.page_news .list{width:100%}
.page_news .list li{width:100%;margin-bottom:.3rem}
.page_news .list li a .img{width:35%}
.page_news .list li a .img img {width:100%;height:2.8rem;object-fit:cover;transition:none}
.page_news .list li a .txt{background:#f2f8ff;padding:0 1rem 0 .3rem}
.page_news .list li a .txt span{font-size:.14rem;color:#ababab}
.page_news .list li a .txt h2{font-size:.18rem;color:#2a2a2a;display:block;margin:.1rem 0 .15rem;letter-spacing:1px}
.page_news .list li a .txt p{font-size:.14rem;color:#2a2a2a;line-height:.27rem;max-height:.54rem}

.page_news .video{width:100%} 
.page_news .video li{width:32%;margin-bottom:.3rem}
.page_news .video li a{display:block}
.page_news .video li a:hover img{transition:2s;transform:scale(1.1)}
.page_news .video li a .txt{background:#f0f0f0;transition:1s}
.page_news .video li a:hover .txt{background:#3a75bf;transition:1s}
.page_news .video li a .txt p{display:block;width:90%;margin:0 auto;height:.55rem;line-height:.55rem;text-align:center;font-size:.16rem;color:#000;position:relative;transition:1s}
.page_news .video li a:hover .txt p{color:#fff;transition:1s}

.show_news{width:100%;padding:.8rem 0}
.show_news .list{background:#fff;box-shadow:1px 1px 9px #ccc}
.show_news .list .top{border-bottom:1px solid #e5e5e5;text-align:center;padding:.3rem 0 .2rem;margin-bottom:.4rem}
.show_news .list .top .title{font-size:.2rem;color:#313131;font-weight:700;line-height:.5rem}
.show_news .list .top .infos{display:block;text-align:center;font-size:0}
.show_news .list .top .infos>div{display:inline-block;vertical-align:top;margin:0 .2rem;font-size:.14rem;color:#737373}
.show_news .list .top .infos a,.show_news .list .top .infos span{color:#4064ae}
.show_news .list .bot{width:100%;text-align:center;padding-bottom:.5rem;border-bottom:1px solid #e5e5e5}
.show_news .list .bot .con{margin:0 .5rem;text-align:initial;min-height:2rem}
.show_news .list .met_page{display:block;list-style:none;text-align:center;padding-bottom:.2rem;width:95%;margin:0 auto;overflow:hidden}
.show_news .list .met_page li{display:inline-block;vertical-align:top;margin-right:.5rem;height:.5rem;line-height:.5rem}
.show_news .list .met_page li>*{display:inline-block;vertical-align:top}
.show_news .list .met_page li span{color:#888}
.show_news .list .met_page li a{color:#466ab0}
.page_app{width:100%;padding: .6rem 0;}
.page_app .list .slide-pagination {font-size: 0;bottom: 0;text-align: center;}
.page_app .list .slide-pagination span {width: .15rem;height: .15rem;}
.page_app .dtable {display: block;width: 100%;margin-bottom: .3rem;}
.page_app .dtable>div {width: 50%;}
.page_app .dtable:hover img {transition:2s;transform:scale(1.1);}
.page_app .dtable .txt {padding: 0 .4rem;background: #ededed;color: #fff;transition: 2s;}
.page_app .dtable .txt .title {color: #222222;font-size: .24rem;display: inline-block;padding-bottom: .1rem;position: relative;margin-bottom: .3rem;transition: 2s;}
.page_app .dtable .txt .title::after {position:absolute;content:'';width: .46rem;height: 2px;left: 0;bottom: 0;background: #bfbfbf;transition: 2s;}
.page_app .dtable .txt .con {font-size: .16rem;color: #616161;line-height: .28rem;transition: 2s;}
.page_app .dtable:hover .txt{transition:2s;background:#e62129;}
.page_app .dtable:hover .txt .title{color:#fff;transition:2s;}
.page_app .dtable:hover .txt .con{transition:2s;color:#fff;}

.tem_index_title{margin:0 0 .6rem 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:.22rem;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:.1rem .15rem;border-bottom:4px solid #666;}
.tem_index_title p{color:#8c8c8c;font-weight:normal;}
.tem_index_more{clear:both;margin:0 auto;padding-top:.3rem;width:2rem;text-align:center;}
.tem_index_more a{display:block;height:.4rem;background:#e9280c;color:#fff;font-weight:normal;font-size:.14rem;line-height:.4rem;}
.tem_index_more a:hover{background:#d82208;color:#fff;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}

/****page head*****/
@media(max-width:990px){
	.page_web{padding-top: .4rem;}
	.page_nav dl dt a {width: 1.2rem;}
	.page_content{display:block;padding: .4rem 0;margin-top: .2rem;}
}
/****page head end*****/

/*******contact*********/
.page_contact{width:100%}
.page_contact .contact{width:100%;padding:.6rem 0}
.page_contact .contact .list{width:100%;margin:0 0 .35rem;}
.page_contact .contact .list ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem .35rem}
.page_contact .contact .list li{display:block;padding:0 .5rem;background:#30a0d2}
.page_contact .contact .list li .dtable{height:1.8rem}
.page_contact .contact .list li .tb{font-size:0;width:1rem}
.page_contact .contact .list li .tb img {max-height:.56rem;transition:none;}
.page_contact .contact .list li .txt p{font-size:.16rem;line-height:.33rem;color:#fff}
#container{position:relative;border-radius:2px;height:3.3rem;border:1px solid #ccc}

.page_contact .message{padding:.5rem 0 .7rem;background:#eee}
.page_contact .message .title{text-align:center;font-size:.36rem;color:#30a0d2;margin-bottom:.4rem}
.message_list ul li {padding:0 .15rem;margin:0 0 .3rem;}
.message_list ul li input,.message_list ul li textarea{width:100%;height:.8rem;min-height:.35rem;border:0;font-size:.16rem;color:#555;padding:0 .15rem;}
.message_list ul li textarea{height:1rem;padding:.15rem;}
.message_list ul li.codes {display:flex;gap:0 .15rem;align-items:center;}
.message_list ul li.codes input {flex:0 0 35%}
.message_list ul li.codes img {max-height:.35rem;transition:none;}
.message_list ul li button {background:#30a0d2;font-size:.16rem;color:#FFF;border-radius:5px;min-width:2.3rem;text-align:center;height:.6rem;min-height:.35rem;border:0}
/*******contact end*********/

/*********--back top--*********/
#back_top {position: fixed;right: 3%;top: 50%;width: .43rem;z-index: 99;display: none;}
#back_top a {display: block;width: 100%;font-size: 0;}
#back_top img {width: 100%;}
/**/
/*招聘*/
.job_box{padding:.45rem 0 .5rem;}
.job_box>div>div{display:inline-block;vertical-align:top;width:25%}
.job_box .mid_list{width:50%}
.job_box .let{padding-right:.4rem;}
.job_box .let h4 {font-size:.24rem;color:#333;padding:.12rem .2rem;margin-bottom:.1rem;}
.job_box .let ol {margin:0;padding:0}
.job_box .let li a{display:block;padding:.16rem .2rem;border-radius:6px;font-size:.16rem;color:#333;line-height:.24rem;}
.job_box .let li.on a{background:#30a0d2;color:#FFF;box-shadow:0 10px 20px 0 rgba(47,84,235,.2)}

.job_box .mid_list h6{padding:0 .16rem .13rem;border-bottom:1px solid rgb(235, 235, 235);font-size:.14rem;color:#333;line-height:.22rem;}
.job_box .mid_list li {    border-bottom: 1px solid rgb(235, 235, 235);}
.job_box .mid_list li>a{display:block;padding:.24rem .16rem .16rem;}
.job_box .mid_list li h4 {font-size:.2rem;color:#333;line-height:.28rem;font-weight:600;}
.job_box .mid_list li h4 i.ht{font-size:.16rem;color:rgb(255, 71, 90);margin:0 .1rem 0 0}
.job_box .mid_list li h4 i.cz {font-size:.16rem;color: rgb(63, 209, 163);margin:0 .1rem 0 0}
.job_box .mid_list li .infos {    display: flex;    overflow: hidden;    align-items: flex-end;    margin-top: .12rem;    justify-content: space-between;}
.job_box .mid_list li .infos p{margin:0}
.job_box .mid_list li .infos p span {display:inline-block;font-size:.14rem;color:#333;}
.job_box .mid_list li .infos p span:after{display:inline-block;content:'';width:1px;height:.1rem;margin:0 .08rem;background:rgb(235,235,235)}
.job_box .mid_list li .infos p span i{color: rgb(191, 191, 191);margin:0 .1rem 0 0}
.job_box .mid_list li .infos p span:last-child:after{display:none}
.job_box .mid_list li .infos>p:last-child{font-size:.14rem;color:rgb(140, 140, 140);line-height:.22rem;}
.job_box .mid_list li .submenu {display:none;transition:none;font-size:.14rem;color:rgb(102,102,102);background:rgb(250,250,250);padding:.16rem;}
.job_box .mid_list li .submenu .mores{display:flex;     flex-direction: row;    align-items: center;    justify-content: space-between;}
.job_box .mid_list li .submenu .mores span a{display:inline-block;font-size:.14rem;line-height:.32rem;border-radius:6px;background: #30a0d2;min-width:1.5rem;text-align:center;padding:0 .16rem;color:#FFF}
.job_box .mid_list li .submenu .mores em a{font-size:.14rem;color:#30a0d2}
.job_box .mid_list li .submenu .mores em a i{margin-left:.1rem;}
.job_box .mid_list li>a:hover {background:#f4f6fe}
.job_box .rlt{padding-left:.4rem;}
.job_box .rlt .items {margin:0 0 .2rem;}
.job_box .rlt .items h6 {padding:.16rem .12rem;border-top:4px solid #30a0d2;font-size:.2rem;color:rgb(20,20,20);line-height:.28rem;font-weight:600}
.job_box .rlt .items h6 i {font-size:.22rem;margin:0 .1rem 0 0;color:rgb(255, 71, 90)}
.job_box .rlt .items li  a{padding:.12rem;border-top:1px solid rgb(235, 235, 235);display:block}
.job_box .rlt .items li h5{    font-size: .16rem;    color: rgb(20, 20, 20);    line-height:.24rem;    font-weight: 600;margin-bottom:8px;}
.job_box .rlt .items li p{margin:0;    font-size: .12rem;    color: rgb(140, 140, 140);    line-height: .2rem;    font-weight: 400;}
.job_box .rlt .items:last-child h6 i {color:rgb(63, 209, 163)}
.job_box .rlt .items li a:hover{background:#f4f6fe}
/**/
.show_job {padding:1.35rem 0 1.2rem;}
.show_job h4 {font-size:.28rem;color:#333;line-height:.28rem;font-weight:600;}
.show_job h4 i.ht{font-size:.2rem;color:rgb(255, 71, 90);margin:0 .1rem 0 0}
.show_job h4 i.cz {font-size:.2rem;color: rgb(63, 209, 163);margin:0 .1rem 0 0}
.show_job .infos {    display: flex;    overflow: hidden;    align-items: flex-end;    margin-top: .24rem;    justify-content: space-between;padding:0 0 .24rem;border-bottom:1px solid rgb(235, 235, 235);}
.show_job .infos p{margin:0}
.show_job .infos p span {display:inline-block;font-size:.14rem;color:#333;}
.show_job .infos p span:after{display:inline-block;content:'';width:1px;height:.1rem;margin:0 .08rem;background:rgb(235,235,235)}
.show_job .infos p span i{color: rgb(191, 191, 191);margin:0 .1rem 0 0}
.show_job .infos p span:last-child:after{display:none}
.show_job .infos>p:last-child{font-size:.14rem;color:rgb(140, 140, 140);line-height:.22rem;}

.show_job  .editor {font-size:.14rem;color:rgb(20,20,20);line-height:.3rem;padding:.3rem 0}
.show_job  .mores>a{display:inline-block;font-size:.16rem;line-height:.4rem;border-radius:6px;background: #30a0d2;min-width:2rem;text-align:center;padding:0 .16rem;color:#FFF}
/********<=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:1800px){
	header .top .left .nav ul{gap:0 .35rem;}
	header .top .left .nav{padding:0 .3rem;}
	section.about .left .item .bj img {width:5.46rem;}
	section.about .left .item .image .pd img {width:4.01rem;}	
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header ,header{display:none;}
	.m-header  {top:0;opacity:1;}
	
    .tem_inner,.met_section{width:95%}
	.max_width{width:90%;}
	.tem_news .swiper-page > div{left:0;z-index:1}
	.tem_news .swiper-page > div.slide-button-next{left:auto;right:0}
	.tem_banner .swiper-slide .label_text{left:15px;}
	.tem_banner.indise{padding:60px 0 0}
	.tem_banner .slide-pagination{right:15px;}
}
/*********--mobile--*********/
@media(max-width:767px){
	.dtable{display:block}
	.dtable > *{display:block}
	section.about .right,section.about .left{width:100%}
	section.about .right{padding:.5rem 0 0}
	section.product .titles{display:block}
	section.product .titles ol{margin:.35rem 0 0}
	footer .mains > div{display:block}
	footer .mains .tels{padding:0 0 .5rem;display:block}
	footer .mains .navs{border:0}
	.tem_banner .page_nav{display:none}

	.tem_banner .flash img {width:100%;height:260px !important;object-fit:cover;transition:none;}
	.proflie .top .txt{width:100%;padding:.25rem;}
	.page_product ul{grid-template-columns:1fr;gap:.5rem 0}
	.page_product .editor table{width:1000px;}
	.page_product .editor{overflow-x:auto;}
	.page_news .list li a .img{width:100%}
	.page_news .list li a .txt{padding:.3rem;}
	.page_contact .contact .list ul{grid-template-columns:1fr;gap:.5rem 0}
	.page_contact .contact .list li .dtable{height:auto;padding:.35rem 0}
	.page_contact .contact .list li .tb{width:auto;height:.58rem;margin:0 0 .3rem;}
	#container{height:350px;}
	.message_list ul li input, .message_list ul li textarea,.message_list ul li button{font-size:12px;}
	
	
    .job_box .joblist .items .submenu > div{width:100%}
	.job_box > div > div{display:block;width:100% !important}
	.job_box .let{padding:0 0 .4rem;}
	.job_box .rlt{display:none}
	.job_box .let ol li {display:inline-block;vertical-align:top;width:50%;text-align:center}
}