/***** Header *****/
header{position: relative;width: 100%;z-index: 1000;line-height: 1rem;background: #fff;box-shadow: 1px 1px 4px #959595;}
header .left{float: left;width: 8%;}
header .right{float:right;}
header .right>div{display:inline-block;vertical-align:top}
header .right .nav li{float:left}
header .right .nav li dt a{display:inline-block;padding:0 .4rem;font-size:.16rem;color: #333;line-height: 1rem;}
header .right .nav li dt a:hover,header .right .nav li dt a.on{color: #18c1c8;font-weight: bold;}
header .right .nav li dl,header .right .nav li dl *{transition:initial;}
header .right .nav li dl{position:absolute;left:0;top: 1rem;width: 100%;background: rgb(0 0 0 / 66%);text-align: center;line-height: initial;display:none}
header .right .nav li dl a{display:inline-block;vertical-align:top;padding:.24rem 0;margin:0 .35rem;color:#fff}
header .right .nav li dl a:hover{color: #18c1c8;}
header .right .lang{font-size:0;margin-left: .2rem;}
header .right .lang a{display:inline-block;vertical-align:middle;font-size:.16rem;color: #333;margin-left:.15rem;line-height:.4rem;}
header .right .lang a.on,header .right .lang a:hover {color: #18c1c8;font-weight: bold;}

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

.tem_banner{position:relative;width:100%;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: right;color: #fff;}
.tem_banner.index .txt .pd{display:inline-block;text-align:left;max-width: 4.95rem;}
.tem_banner.index .txt .logo{font-size:0;margin-bottom: .35rem;}
.tem_banner.index .txt .logo .img{display:inline-block;width:2.17rem;opacity:0;transition:none;transform:translateY(30px);}
.tem_banner.index .txt .title {color: #1ac1c8;font-size: .48rem;text-shadow: 1px 1px 4px #000;margin-bottom: .3rem;opacity:0;transition:none;transform:translateY(30px);}
.tem_banner.index .mould{position:absolute;right: 0;bottom: 0;color:#1ac1c8;width: 8.77rem;background-size: 100%;max-width: 60%;}
.tem_banner.index .txt .search {font-size: 0;}
.tem_banner.index .txt .search form {font-size: 0;display: inline-block;height: .48rem;line-height: .48rem;}
.tem_banner.index .txt .search form *{display:inline-block;vertical-align:top}
.tem_banner.index .txt .search form input{width:3.2rem;border:none;font-size:.16rem;padding:0 .2rem;color:#555}
.tem_banner.index .txt .search form button{padding:0 .3rem;border:none;background:#034991;font-size:.16rem;color:#fff}
.tem_banner.index .txt .title h2{font-size: .53rem;color: #6cbb48;display:block;margin: 0  0 .4rem;opacity:0;transition: none;transform: translateY(30px);text-transform: uppercase;font-family: 'DIN-L';}
.tem_banner.index .txt .title p{font-size: .3rem;text-transform:uppercase;letter-spacing:.01rem;opacity:0;transition:none;transform:translateY(30px);color: #1c1c1c;}
.tem_banner.index .txt .title span {display: block;font-size: .3rem;color: #1c1c1c;opacity: 0;transition-delay: 1.2s;transition: none;transform: translateY(30px);}
.tem_banner.index .txt .title i{display:inline-block;padding:.12rem .4rem;background:#6cbb48;margin-top:.2rem;opacity: 0;transition-delay: 1.2s;transition: none;transform: translateY(30px);}
.tem_banner.index .swiper-slide-active .txt .logo .img{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}
.tem_banner.index .swiper-slide-active .txt .title span{transform: none;transition: 1s;opacity: 1;transition-delay: 1.2s;}
.tem_banner.index .swiper-slide-active .txt .title {transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: .3rem!important;left:0;text-align: center;font-size:0;width:100%;margin:0;}
.tem_banner.index .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}

.tem_banner.indise .flash{font-size:0}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 30%;left:0;width:100%;text-align: center;color: #fff;}
.tem_banner.indise .txt h2{font-size: .46rem;color: #fff;display:inline-block;margin-bottom: .2rem;font-weight: bold;}
.tem_banner.indise .txt p{font-size: .18rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;font-family: 'DIN';}

.page_uk .w1400{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.page_uk .left{width:60%;padding-right:.4rem;}
.page_uk .right{width:40%;}

.index_about{width:100%;padding:.7rem 0;text-align: center;}
.index_about h3 {font-size:.48rem;color:#2e2f2f;}
.index_about h2{font-size:.3rem;color:#2e2f2f;padding-bottom: .35rem;position: relative;margin: .2rem 0.6rem;}
.index_about h2::after{position:absolute;content:'';bottom:0;left:50%;width:1.25rem;height:.09rem;background:#1ac1c8;margin-left:-.625rem}
.index_about p{font-size:.16rem;color:#404242;display:block;width:80%;margin:0 auto;line-height:2}

.index_nav{padding: 0 .2rem;}
.index_nav li{background-repeat:no-repeat;background-size:cover;background-position-x:center;background-position-y:center;height: 5.78rem;position: relative;padding: 1rem .7rem 0;text-align: center;}
.index_nav li *{position:relative;z-index:1}
.index_nav li h2{font-size:.36rem;color:#fff;position:relative;padding-bottom:.75rem}
.index_nav li h2::after{position:absolute;content:'';left:50%;bottom:0;width:.54rem;height:.07rem;background:#fff;margin-left:-.27rem}
.index_nav li p{font-size:.16rem;color:#fff;display:block;margin:.35rem auto .6rem;min-height: .64rem;line-height:2;width:80%;}
.index_nav li a{background:#fff;display:inline-block;padding:.15rem .6rem;font-size:.16rem;color:#2f2f2f;z-index:1}
.index_nav li a::after{position:absolute;content:'';left:50%;top:0;width:0;height:100%;background:#8a898c;z-index:-1;transition:.36s}
.index_nav li a:hover{color:#fff}
.index_nav li a:hover::after{transition:.36s;left:0;width:100%}
.index_nav li::after{background:rgb(138 137 140 / 72%);position:absolute;content:'';left:0;top:0;width:100%;height:100%;z-index:0;transition:1s}
.index_nav li:hover::after{transition:1s;left:50%;top:50%;width:0;height:0}
.index_nav li::before{position:absolute;content:'';left:50%;top:50%;width:0;height:0;background:rgb(12 174 181 / 72%);transition:1s}
.index_nav li:hover::before{transition:1s;left:0;top:0;width:100%;height:100%}

.index_product{padding: .7rem 0 1rem;display: none;}
.index_product .left{float:left;width: 60%;padding-top: 1rem;padding-right: .4rem;}
.index_product .left h2{font-size:.36rem;color:#b6b3b3;}
.index_product .left p{color: #505050;line-height: 2.2;display: block;margin: .5rem 0 .7rem;}
.index_product .left a{color:#1ac1c8;font-size:.2rem;display: inline-block;padding-bottom: .07rem;border-bottom: 1px solid #1ac1c8;}
.index_product .left a:hover{color:#000;border-bottom:1px solid #000}
.index_product .right{float:left;width:40%}
.index_product .right .list{width:100%;text-align:center}
.index_product .right .list .pagination{position:relative;display:block;width:100%;margin:0}
.index_product .right .list .pagination span{width:.11rem;height:.11rem;border:1px solid #a2a2a2;background:#fff;opacity:1;margin:0 .02rem}
.index_product .right .list .pagination span.swiper-pagination-bullet-active{background:#1ac1c8;border:1px solid #1ac1c8}


.index_news{background: #f8f8f8;padding: .7rem 0;overflow: hidden;}
.index_news .title{text-align:center;margin-bottom: .45rem;font-size: .36rem;color: #242323;}
.index_news .list{width:100%;}
.index_news .list ul{padding:.05rem}
.index_news .list a{border:1px solid #e5e5e5}
.index_news .list a:hover{box-shadow:0 0 .05rem #979797}
.index_news .list a:hover img{transition:1s;transform:scale(1.1)}
.index_news .list a .txt{background:#fff;padding: .2rem .2rem .3rem;}
.index_news .list a .txt span{font-size:.14rem;color:#242323}
.index_news .list a .txt h2{font-size:.18rem;color:#1ac1c8;display:block;margin:.1rem 0 .2rem}
.index_news .list a .txt p{font-size:.15rem;line-height:1.8;color:#545555}
.index_news .list a .txt i{font-size:.14rem;color:#242323;display:inline-block;margin-top:.3rem;border-bottom:1px solid #151515;padding-bottom:.05rem;font-weight:700}
.index_news .list a .txt i:hover{color:#1ac1c8;border-bottom:1px solid #1ac1c8}


.index_map #container {height: 4.83rem;}
/*** page web ***/
.page_web{width:100%;}
.page_web .page_content{width:100%;}
.page_head{width:100%;position: relative;border-bottom: 1px solid #e5e5e5;height: .8rem;background: #fff;}
.page_head .home{background:#fff;width: .8rem;height: .8rem;float: left;}
.page_head .home a {display: block;width: 100%;height: 100%;background: #0370be url(../images/home.png) no-repeat center;background-size: .19rem;}
.page_head .nav{position: relative;text-align: center;font-size: 0;float: left;margin-left: .2rem;}
.page_head .nav li{display:inline-block;vertical-align:top;}
.page_head .nav li a{color: #343434;font-size: .16rem;position:relative;line-height: .8rem;padding: 0 .2rem;}
.page_head .nav li a:hover,.page_head .nav li a.on{color: #0370be;font-weight: bold;}


.page_about{width:100%;}
.page_profile{padding:1rem 0;background:#f1f2f6;position:relative;}
.page_profile .title{text-align:center;margin-bottom: .35rem;font-size: .35rem;}
.page_profile .list{display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
.page_profile .list .left{padding-right: .4rem;line-height: 1.7;}


.page_network{padding:1rem 0;background: #f1f2f6;}
.page_network .title{text-align:center;font-size: .36rem;color: #090909;padding-bottom: .4rem;margin-bottom: .5rem;position: relative;}
.page_network .title::after {position:absolute;content:'';left:50%;bottom:0;width:.5rem;height:.1rem;background:#56d2d7;margin-left:-.25rem}
.page_network .left{float:left;width: 58.2%;}
.page_network .right{float:left;width: 41.8%;padding-left: .6rem;padding-top: .5rem;}
.page_network .right .title{font-size:.48rem;color:#090909;line-height: 1.3;margin-bottom: .5rem;}
.page_network .right .con{font-size: .16rem;color: #7a7a7a;line-height: 1.7;}

.page_strength{padding:1rem 0;background: #fff;position: relative;}
.page_strength .title{margin-bottom:.15rem;text-align:center;font-size:.35rem;}
.page_strength .desc{font-size:.18rem;margin-bottom:.35rem}
.page_strength .left{float:left;width: 25%;padding-right: .9rem;position: relative;z-index: 1;}
.page_strength .left .title{font-size:.36rem;color:#fff;}
.page_strength .left .desc{color:#fff;font-size:.3rem;margin: .8rem 0;}
.page_strength .left .contact a{display:block;width:100%;padding:.2rem 0;background:#fff;text-align:center;font-size:.16rem;color:#434242;border-radius:.03rem}
.page_strength .left .contact a:hover{background:#000;color:#fff}
.page_strength .right{float:left;width: 75%;}
.page_strength .right a{border:1px solid #56d2d7;padding:.06rem}
.page_strength .right a:hover img{transition:1s;transform:scale(1.1);}
.page_strength .list .pagination{position:relative;width:100%;text-align: center;font-size:0;margin: .4rem 0 0;}
.page_strength .list .pagination span{opacity:1;width:.11rem;height:.11rem;border:1px solid #56d2d7;background:#fff;margin: 0 .05rem;}
.page_strength .list .pagination span.swiper-pagination-bullet-active{background:#56d2d7;}

.page_equipment{padding:1rem 0;background: #f1f2f6;}
.page_equipment .title{text-align:center;font-size: .36rem;color: #090909;padding-bottom: .4rem;margin-bottom: .5rem;position: relative;}
.page_equipment .title::after {position:absolute;content:'';left:50%;bottom:0;width:.5rem;height:.1rem;background:#56d2d7;margin-left:-.25rem}
.page_equipment .list{width:100%;text-align:center;position: relative;}
.page_equipment .list .navigations{position:absolute;left:0;width:100%;top: 43%;z-index:1;}
.page_equipment .list .navigations>span{position:absolute;width:.35rem;height:.35rem;line-height:.35rem;background:#56d2d7;color:#fff;}
.page_equipment .list .navigations .left{left: -.5rem;}
.page_equipment .list .navigations .right{right: -.5rem;}
.page_equipment .list a{position:relative;}
.page_equipment .list a:hover img{transition:1s;transform:scale(1.1)}
.page_equipment .list a p{position:absolute;left:.2rem;bottom:.12rem;display: block;padding: .12rem .25rem;background: #56d2d7;color: #fff;border-radius: .3rem;}
.page_equipment .list a:hover p{background:#000}
.page_equipment .list .pagination{position:relative;width:100%;text-align:center;font-size:0;margin: .4rem 0 0;}
.page_equipment .list .pagination span{opacity:1;width:.11rem;height:.11rem;border:1px solid #56d2d7;background:#fff;margin-left: .15rem;}
.page_equipment .list .pagination span.swiper-pagination-bullet-active{background:#56d2d7;}

.page_equipments{padding:1rem 0;background: #fff;}
.page_equipments .title{text-align:center;font-size: .36rem;color: #090909;padding-bottom: .4rem;margin-bottom: .5rem;position: relative;}
.page_equipments .title::after {position:absolute;content:'';left:50%;bottom:0;width:.5rem;height:.1rem;background:#56d2d7;margin-left:-.25rem}
.page_equipments .list{width:100%;text-align:center;position: relative;}
.page_equipments .list .navigations{position:absolute;left:0;width:100%;top: 43%;z-index:1;}
.page_equipments .list .navigations>span{position:absolute;width:.35rem;height:.35rem;line-height:.35rem;background:#56d2d7;color:#fff;}
.page_equipments .list .navigations .left{left: -.5rem;}
.page_equipments .list .navigations .right{right: -.5rem;}
.page_equipments .list a{position:relative;}
.page_equipments .list a:hover img{transition:1s;transform:scale(1.1)}
.page_equipments .list a p{position:absolute;left:.2rem;bottom:.12rem;display: block;padding: .12rem .25rem;background: #56d2d7;color: #fff;border-radius: .3rem;}
.page_equipments .list a:hover p{background:#000}
.page_equipments .list .pagination{position:relative;width:100%;text-align:center;font-size:0;margin: .4rem 0 0;}
.page_equipments .list .pagination span{opacity:1;width:.11rem;height:.11rem;border:1px solid #56d2d7;background:#fff;margin-left: .15rem;}
.page_equipments .list .pagination span.swiper-pagination-bullet-active{background:#56d2d7;}

.page_develop{padding:1rem 0;background-size:cover;}
.page_develop .title{text-align:center;font-size: .36rem;color: #333;padding-bottom: .4rem;margin-bottom: .6rem;position: relative;}
.page_develop .title::after {position:absolute;content:'';left:50%;bottom:0;width:.5rem;height:.1rem;background:#56d2d7;margin-left:-.25rem}
.page_develop .left{float:left;width:50%;font-size: .16rem;color: #333;line-height: 1.6;padding: .2rem .4rem 0 0;}
.page_develop .right{float:left;width:50%}

.page_imgs{padding:.4rem 0 .7rem}
.page_imgs li{margin-top:.3rem}
.page_imgs li a{position:relative}
.page_imgs li a:hover img{transition:.36s;transform:scale(1.1)}
.page_imgs li a:hover h2{transform:translateY(-.2rem)}
.page_imgs li a::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:url(../images/case_bj.png);z-index:1}
.page_imgs li a h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:.2rem;font-size:.16rem;z-index:2}

.nav_product{padding:.7rem 0;background: #f6f6f6;}
.nav_product li{margin-bottom:.5rem;}
.nav_product li .box{background-repeat:no-repeat;background-position-x:center;background-position-y:bottom;background-color:#fff;padding:.55rem .3rem 3.4rem;height: 5.7rem;}
.nav_product li .box.more {background: url(../images/more_product.jpg);}
.nav_product li .box.more h3{font-size:.3rem;color:#fff;text-align: center;padding-top: 2rem;line-height: 1.7;font-weight: bold;font-style: italic;}
.nav_product li .box h2{font-size:.3rem;color:#171717;font-style:italic;font-weight:700}
.nav_product li .box p{color:#555;font-size:.16rem;line-height:1.7;display:block;margin:.25rem 0;width:80%}
.nav_product li .box a{display:inline-block;background:#c4c4c4;color:#fff;font-size:.14rem;padding:.1rem .3rem}
.nav_product li .box a:hover{background:#034991}

.page_product{width: 100%;padding: .3rem 0 .8rem;}
.page_product .top{margin: 0 .3rem;background: #f1f2f6;}
.page_product .top .left{width: 45%;float: left;}
.page_product .top .right{float: left;width: 55%;padding: .7rem  .75rem 0 .75rem;}
.page_product .top .right .img img {width: 1.5rem;height: 1.5rem;object-fit: cover;border-radius: 100%;}
.page_product .top .right h2{font-size:.36rem;color:#56d2d7;max-width: 6.13rem;display: block;margin: .45rem 0 .3rem;}
.page_product .top .right p{color:#5b5b5b;font-size:.16rem;max-width: 6.13rem;line-height: 1.9;}
.page_product .bot{width: 100%;margin-top: 1.1rem;}
.page_product .bot .nav{position:fixed;top:0;z-index:1;height:100%;background: #f1f2f6;left: -2.63rem;}
.page_product .bot .nav.on {left: 0;}
.page_product .bot .nav ul{display: inline-block;padding: .8rem .44rem .8rem .2rem;position: relative;}
.page_product .bot .nav ul .click{position:absolute;right: 0;width:.44rem;height:.44rem;line-height:.44rem;background:#56d2d7;text-align:center;color: #fff;top: 50%;margin-top: -.22rem;cursor: pointer;}
.page_product .bot .nav ul a {font-size: .16rem;color: #5a5959;line-height: 2.5;display: block;padding-right: .2rem;}
.page_product .bot .nav ul a.on,.page_product .bot .nav ul a:hover{color:#56d2d7}
.page_product .bot .list{width:100%;text-align:center;}
.page_product .bot .list li{padding:0 .2rem}
.page_product .bot .list li a{cursor: pointer;}
.page_product .bot .list a .img {border: 1px solid #d2d2d2;}
.page_product .bot .list a:hover img{transition:1s;transform:scale(1.1)}
.page_product .bot .list a p{font-size: .16rem;color: #2d2d2d;margin: .2rem 0 .35rem;}
.page_product .bot .list a:hover p{color:#1ac1c8}
.page_product .bot .list li .pop{position:fixed;width:100%;height:100%;left:0;top:0;background: rgb(0 0 0 / 10%);z-index: 99;display: none;}
.page_product .bot .list li .pop .pd {width: 9rem;margin: 0 auto;}

/**/
.trans {
    -webkit-transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
    transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
}
.pro_fixed {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);transition:none;display:none;}
.pro_fixed .mains {position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%);padding:.4rem .3rem;width:100%;max-width:600px;}
.pro_fixed .mains_on {top:70%;opacity:0;visibility:hidden}
.pro_fixed .mains .lists{font-size:0;position:relative}
.pro_fixed .mains #smalls{margin:.3rem 0 0}
.pro_fixed .mains #smalls .swiper-slide{text-align:center;cursor:pointer;}
.pro_fixed .mains #smalls .swiper-slide img {max-height:100%}
.pro_fixed .mains #smalls .swiper-slide:before{content:'';width:100%;height:100%;border:2px solid #015fc1;position:absolute;top:0;left:0;transform:scale(.8);opacity:0;transition:all .5s}
.pro_fixed .mains #smalls .swiper-slide-thumb-active:before{opacity:1;transform:scale(1);}
.pro_fixed .mains h6{display:inline-block;margin:.25rem 0 0;background:#015fc1;border-radius:35px;padding:0 .72rem;line-height:.6rem;font-size:.2rem;color:#FFF}
/**/

.page_news{width:100%;padding: .6rem 0;background: #f8f8f8;}
.page_news li{margin-bottom:.3rem;padding: .15rem;}
.page_news li a{display: block;background:#fff;margin: 0 auto;border: 1px solid #e5e5e5;}
.page_news li a:hover{box-shadow:0 0 10px #d7d7d7}
.page_news li a:hover .img img{transition:1s;transform:scale(1.1)}
.page_news li a .img{width: 100%;}
.page_news li a .txt{width: 100%;padding: .2rem .2rem .3rem;}
.page_news li a .txt h2{font-size:.18rem;color: #1ac1c8;line-height: 1.8;margin: .1rem 0 .12rem;}
.page_news li a .txt span{font-size:.14rem;color: #242323;display: block;}
.page_news li a .txt p{font-size: .15rem;color: #707070;line-height: 1.6;}
.page_news li a .txt i{display: inline-block;margin-top: .25rem;text-align: left;font-size:.14rem;color: #242323;z-index:1;padding-bottom: .1rem;border-bottom: 1px solid #151515;}
.page_news li a:hover .txt i{color:#1ac1c8;border-bottom: 1px solid #1ac1c8;}


.show_news {padding: .7rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}

.page_tech{padding:.5rem 0 .7rem;}
.tech_support{width:100%;}
.tech_support .item{margin-bottom:.35rem;background:#f2f6f9;padding:.9rem 0 .8rem;position: relative;}
.tech_support .item .title{float:left;width: 22%;padding: 0 .2rem 0 .4rem;position: relative;}
.tech_support .item .title::after{width:.36rem;height:.03rem;background:#dfdfdf;position:absolute;content:'';left:.4rem;bottom:0}
.tech_support .item .title .tb{width:.72rem;height:.72rem}
.tech_support .item1 .title .tb{background:url(../images/tech_1.png) no-repeat left center;background-size:.61rem}
.tech_support .item2 .title .tb{background: url(../images/tech_2.png) no-repeat left center;background-size: .57rem;}
.tech_support .item3 .title .tb{background: url(../images/tech_3.png) no-repeat left center;background-size: .72rem;}
.tech_support .item4 .title .tb{background: url(../images/tech_4.png) no-repeat left center;background-size: .68rem;}
.tech_support .item5 .title .tb{background: url(../images/tech_5.png) no-repeat left center;background-size: .58rem;}
.tech_support .item .title h2{font-size:.24rem;color:#333333;display: block;margin: .22rem 0;}
.tech_support .item .con{float:left;width: 70%;font-size: .16rem;color: #555555;line-height: 1.7;padding-right: 0.8rem;}
.tech_support .item .num{position:absolute;top:0;right:0;background: #2697de;font-size: .7rem;color: #fff;font-weight: bold;text-align: center;padding: .2rem;}
.tech_video{width:100%}
.tech_video li{padding:0 .12rem;margin-bottom: .5rem;}
.tech_video li a{width:100%}
.tech_video li a:hover img {transition: 1s;transform: scale(1.1);}
.tech_video li a .img{position:relative}
.tech_video li a .img::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background: rgb(0 0 0 / 0.50) url(../images/video.png) no-repeat center;}
.tech_video li a .txt{padding-top: .3rem;}
.tech_video li a .txt h2{font-size:.2rem;color:#373737;display:block;margin-bottom:.1rem;}
.tech_video li a .txt p{font-size:.14rem;color:#575757;}

.page_jobs{width:100%;padding: .7rem 0;background: #f6fbff;}
.page_jobs .title{text-align:center;margin-bottom:.5rem;}
.page_jobs .title h2{font-size:.4rem;color:#303030;display:inline-block;padding-bottom: .35rem;background: url(../images/factory_title.png) no-repeat bottom center;background-size: .87rem;}
.page_jobs .list{width:100%}
.page_jobs .list *{transition:none;}
.page_jobs .list .item{margin-bottom: .3rem;}
.page_jobs .list .item .top {background:  #fff;padding:0 .5rem;position:relative;line-height:.83rem;color:#2b2b2b;transition:.36s;}
.page_jobs .list .item .top>div{float:left;}
.page_jobs .list .item .top .name{font-size:.2rem;margin-right: 1.1rem;}
.page_jobs .list .item .top .info{font-size:.16rem;}
.page_jobs .list .item .top .more{position:absolute;right:  0;height:  100%;width:  .83rem;background:  url(../images/job_tb.png) no-repeat center;background-size:.23rem;}
.page_jobs .list .item .bot{background:#fff;padding:.2rem .5rem;display:  none;}
.page_jobs .list .item .bot .info{padding:  .25rem 0;border-bottom: 1px solid #e5e5e5;}
.page_jobs .list .item .bot .info>div{float:left;font-size:.16rem;color:#555555;margin-right:.5rem;}
.page_jobs .list .item .bot .con{padding: .3rem 0 .5rem;color: #555555;font-size:  .16rem;line-height: 1.8;}
.page_jobs .list .item.on .top{background: #0370be;color:#fff;transition:.36s;}
.page_jobs .list .item.on .top .more{background:  url(../images/job_tb1.png) no-repeat center;background-size:.23rem;}

.page_resources{padding:.7rem 0;background:#f7f7f7}
.page_resources .title{text-align:center;margin-bottom:.35rem}
.page_resources .title h2{font-size:.36rem;color:#333;display:block;margin-bottom:.1rem}
.page_resources .title p{font-size:.24rem;color:#959595;text-transform:capitalize}
.page_resources ol{width:100%;text-align:center;margin-bottom:.35rem}
.page_resources ol li{display:inline-block;margin:0 .3rem;cursor:pointer}
.page_resources ol li h2{padding:.2rem .4rem;background:#fff;border-radius:.15rem;font-size:.16rem;color:#333}
.page_resources ol li.flex-active h2{background:#17abe2;color:#fff}
.page_resources .list{font-size:.16rem;color:#666;line-height:1.7}

.page_contact{width:100%;padding:.7rem 0;background: #f8f8f8;}
.page_contact>div>div{background:#fff;margin-bottom:.4rem;}
.page_contact .contact{width: 100%;}
.page_contact .contact .top{padding: .4rem .7rem;border-bottom: 1px solid #e5e5e5;}
.page_contact .contact .top .left{float: left;width: 50%;}

.page_contact .contact .top .left h2 {
    font-size: .36rem;
    color: #19c1c8;
    display: block;
    margin-bottom: .2rem;
}

.page_contact .contact .top .left p {
    font-size: .16rem;
    color: #393939;
    line-height: 1.6;
}
.page_contact .contact .top .right{width: 50%;float: left;padding-left: .3rem;padding-top: .2rem;}

.page_contact .contact .top .right>* {
    padding-left: .8rem;
}

.page_contact .contact .top .right h2 {
    font-size: .32rem;
    color: #1b1b1b;
    display: block;
    line-height: .5rem;
    background: url(../images/icon-1.png) no-repeat;
    background-size: .6rem;
    margin-bottom: .1rem;
}

.page_contact .contact .top .right p {
    font-size: .16rem;
    color: #1b1b1b;
}
.page_contact .contact .bot{width:100%;padding: .4rem .7rem;}
.page_contact .contact .bot .left{width: 50%;float: left;font-size: .16rem;color: #424242;line-height: 2.6;padding-top: .1rem;}
.page_contact .contact .bot .right{width: 50%;float: left;}
.page_contact .message{width:100%;padding: .4rem .7rem .8rem;}
.page_contact .message h2{color:#19c1c8;font-size:.36rem;margin-bottom:.3rem;}
.page_contact .message input{float:left;width:30%;margin-right:5%;line-height:.75rem;border:1px solid #dcdcdc;padding:0 .2rem;font-family:pingfang;font-size:.16rem;color:#222;background:#fff}
.page_contact .message input:first-child+input+input{margin:0}
.page_contact .message textarea{float:left;width:100%;margin: .3rem 0;background:#fff;border:1px solid #dcdcdc;padding:.15rem .2rem;font-family:pingfang;height:1.6rem;font-size:.16rem;color:#222;}
.page_contact .message .button{float:left;width:100%;text-align:center;font-size:0}
.page_contact .message .button button{display:inline-block;vertical-align:top;font-size:.16rem;padding:.18rem .55rem;background: #19c1c8;color:#fff;border:none;border-radius:.03rem;}

footer{width:100%;border-top: 1px solid #e5e5e5;}
footer .top{padding:.6rem 0;background:#fff;}
footer .top>div>div{float:left;padding-right: .2rem;}
footer .top .nav{width: 20%;}
footer .top .contact{width: 40%;}
footer .top .feedback{width: 40%;}
footer .top h2{color:#1ac1c8;font-size:.18rem;display:inline-block;padding-bottom: .1rem;border-bottom:1px solid #1ac1c8;padding-right:.3rem;margin-bottom: .2rem;font-weight: bold;}
footer .top li a{color:#3b3b3b;font-size:.15rem;line-height: 2;}
footer .top li a:hover {color:#1ac1c8}
footer .top p{color:#4c4c4c;font-size:.15rem;line-height:2}
footer .top .feedback a{display:inline-block;margin-top:.3rem;padding:.12rem .34rem;background:#1ac1c8;color:#fff;}
footer .top .feedback a:hover{background:#000}
footer .bot{background:#1ac1c8;line-height:.65rem;}
.copy,.copy *{color:#fff;font-size:.15rem;display:inline-block;vertical-align:top;}
.copy a{margin-left:.2rem}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #555;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #1ec3ca;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: #1ec3ca;}
.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: #1ec3ca;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: #1e1915;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title{font-size:.36rem;}
    .tem_banner.index .mould{max-width:40%}
	.tem_banner.index .txt .logo .img{width:1rem}
	.tem_banner.index .txt .title h2{font-size:.3rem}
	.tem_banner.index .txt .title p{font-size:.26rem;}
	.tem_banner.index .txt .title span{font-size:.16rem;}
	.tem_banner.index .slide-pagination{display:none;}
	.index_about p{width:100%;}
	.index_nav li{padding: .7rem .2rem 0;width: 100%;}
	.index_nav li p{width:100%}
	.page_uk .left{width:100%}
	.page_uk .right{width:100%;}
}

/********mobile*********/
@media(max-width:767px){
	.index_product{padding-right:0}
	.index_product .item{background:#fff;box-shadow:1px 1px 4px #6b6b6b;background-image:initial!important;margin-bottom:.5rem;padding-bottom: .5rem;}
	.index_product .left{width:100%;padding: 0 0 .5rem 0;}
	.index_product .right{width:100%;}
	footer .top>div>div{width: 100%!important;text-align:left;margin-block: .3rem;}
	footer .top .nav li {display:inline-block;}	
	footer>div>div{width:100%!important;text-align: center!important;padding: 0 .4rem!important;}
	footer .min .nav{display:none}
	footer .min .info .copy{text-align:left}
	footer .left .txt{padding: .2rem .4rem;text-align: left;}
	footer .wechat{margin-top:.2rem;}
	.page_profile .list{
    flex-wrap: wrap;
}
    .page_profile .left{width: 100%;padding-right: 0;}
    .page_profile .right{width:100%;padding: 0;margin-top: .5rem;}
    .page_profile::after{display:none;}
    .page_profile .right li{display:inline-block;width: 32%;padding-top: 1.26rem;padding-right: 0;background-position-y: top;background-position-x: center;text-align: center;margin: 0;}
    .page_network .left{width:100%}
    .page_network .right{width:100%;padding: .3rem 0 0 0;}
    .page_strength .left{width:100%;padding: 0;margin-bottom: .5rem;}
    .page_strength .right{width:100%;text-align: center;}
    .page_strength::after{display:none;}
    .page_strength .left .title{color:#56d2d7}
	.page_strength .left .desc{color:#56d2d7;margin: .2rem 0;}
	.page_strength .left .contact a{background:#56d2d7;color:#fff}
	.page_develop .left{width:100%;margin-bottom:.5rem;}
	.page_develop .right{width:100%}
	.page_product .bot .nav{display:none;}
	.page_product .top .left{width:100%}
	.page_product .top .right{width:100%;padding: .3rem;}
	.page_product .top .right p{max-width: 100%;}
	.tem_banner.indise .txt{bottom:.1rem;}
	.page_contact .contact .top .left{width:100%}
	.page_contact .contact .top .right{width:100%;padding-left: 0;padding-top: .3rem;}
	.page_contact .contact .bot .left{width:100%;margin-bottom:.3rem;}
	.page_contact .contact .bot .right{width:100%}



    

	.page_culture .nav,.page_honor .nav{width:100%}
	.page_culture .nav .title,.page_honor .nav .title{display:none;}
	.page_culture .nav .tab,.page_honor .nav .tab{font-size:0;text-align: center;padding: 0;}
	.page_culture .nav .tab li,.page_honor .nav .tab li{display: inline-block;vertical-align: top;padding: 0 .2rem;float:initial!important;margin-top: .35rem;}
	.page_culture .nav .tab li a,.page_honor .nav .tab li a{padding:.1rem .3rem;}
    .page_culture .content,.page_honor .content{width:100%;margin-top: .5rem;}
    .page_culture,.page_honor{padding-top:0;}
    .tech_support .item .title{width:100%;padding:  0 .4rem;}
    .tech_support .item .con{width:100%;padding: .4rem .4rem 0;}
    .page_jobs .list .item .top .info{display:none}
    .page_contact .top .txt{position:relative;width:100%;padding: .4rem;margin-bottom: .3rem;}
    .page_message .list textarea{margin:.2rem 0}

	.index_news .list li{width:100%;margin-bottom:.3rem;}
	footer .list .contact,footer .list .wechat{float:initial;width:100%;}
	.page_news li a .img{display:none;}
	.page_news li a .txt{float:initial;width:100%;}
	.page_resources ol li{margin:0 .1rem;}
	.page_resources ol li h2{padding: .1rem .2rem;}
	.page_contact .con .contact{position:relative;width:100%;}
}