@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"font1","微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;min-width: 1000px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
  font-family: 'font1';
  src: url(../images/Gotham-Medium.otf);
}
@font-face {
  font-family: 'font2';
  src: url(../images/HarmonyOS_Sans_Medium.ttf);
}
@font-face {
  font-family: 'font3';
  src: url(../images/Gotham-Bold.otf);
}

.header{position: fixed; width: 100%;z-index: 100; top: 0;left: 0;transition: All 0.4s ease-in-out;}
.header.on{background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.header.on .nav a{color: #333;}
.header.on .c1{opacity: 1;}
.header.on .c2{opacity: 0;}
.headerbox{width: 80%; overflow: hidden; margin: 0 auto;}
.logo{float: left; width: 2.3rem; margin-top: .3rem; position: relative;}
.logo img{width: 100%;position: absolute;left: 0;top: 0;}
.c2{opacity: 1;}
.c1{opacity: 0;}
.nav{float: right;}
.nav ul{overflow: hidden;}
.nav li{float: left; font-size: .22rem; padding-left: .45rem; line-height: .96rem;}
.nav a{color: #fff; font-weight: 500;}

.banner {overflow: hidden; position: relative;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;}
.more{position: absolute;left: 10vw; bottom: 120px; color: #fff;font-size: .14rem;line-height: 1.7; padding:0 45px 0 .15rem ;background: url(../images/a1.png) no-repeat right center;transition: All 0.4s ease-in-out;}
.more:before{position: absolute; content: ""; border-left: .08rem solid #1b80ef;height: 100%; top: 0;left: 0;}
.more:hover{color: #1b80ef; padding-left: .3rem;}
.wz80{width: 80%; margin: 0 auto;}

.prod_title{position: relative; padding: .85rem 0 .74rem;text-align: right;}
.prod_title h2{text-align: center;font-weight: bold; font-size: .46rem; color: #000; font-family: font1; margin-bottom: .65rem; }
.btn1{position: absolute; font-weight: bold; font-size: .24rem; color: #000; font-family: font1;left: 0; top: .88rem;}
.btn1:before{position: absolute; content: "" ; border-bottom: 0.07rem solid #236ac6;width: 100%; left: 0; bottom: -.15rem;}
.btn2{display: inline-block; line-height: .68rem;background: #f2f2f2;border-radius: .34rem; color: #000; padding: 0 .33rem; font-size: .2rem;transition: All 0.4s ease-in-out;}
.btn2 b{display: inherit;background: url(../images/a2.png); width: 27px;height: 8px; margin: -5px 0 0 18px;}
.btn2:hover {background: #1b80ef;color: #fff;}
.btn2:hover b{background: url(../images/a4.png);}

.prod_nr{padding-bottom: 1.1rem;}
.prod_nr ul{overflow: hidden; margin-left: -.25rem;}
.prod_nr li{float: left; width: 25%; padding-left: .25rem;}
.prodbox{position: relative;padding: .45rem .5rem 0 .5rem; background: #f1f1f1;overflow: hidden;}
.prodbox img{position: absolute;height: 50%;left:50%; top:40%; transform:translate(-50%,-50%);}
.prod_bt{position: relative;z-index: 10;}
.prod_bt h2{font-weight: bold; font-size: .3rem; color: #000; margin-bottom: .18rem;}
.prod_bt p{font-size: .2rem; color: #000; font-weight: bold;}
.prod_tp{position: relative; height: 4.4rem;}
.prod_js{position: relative;z-index: 10;}
.prod_js p{font-size: .14rem; color: #000; line-height: 1.6;height: 1.1rem;}
.zzbj{width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background-image: linear-gradient(#f2f2f2, #8faff7);}

.bj1{background: url(../images/bj1.png) no-repeat center center;background-size: cover;}
.worl{padding-bottom: 2rem;}
.worl_title{text-align: center; padding: 1.2rem  0 1.3rem;}
.worl_title h2{font-weight: bold; font-size: .42rem; margin-bottom: .4rem; color: #fff;}
.worl_title p{font-size: .16rem; color: #fff; font-weight: bold;}
.worl_nr{background: rgba(0,0,0,.5); padding: .8rem 0;}
.worl_nr ul{overflow: hidden;}
.worl_nr li{float: left; width: 33.33%;text-align: center;}
.worl_nr p{color: #fff; line-height: 1.5; font-size: .18rem; font-weight: bold; margin-top: .5rem;}
.worl_box img{height: 1.23rem; margin: 0 auto;transition: all 0.9s;}
.worl_nr li:hover img{transform: rotateY(360deg);}
.indubox{overflow: hidden;}
.indubox a{display: block; overflow: hidden;}
.indubox img{width: 100%;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

.bj3{background: #f2f2f2;}
.why_title h2{padding: 1.45rem 0 1.1rem; text-align: center; font-size: .56rem; font-weight: bold; color: #000;}
.why_nr ul{overflow: hidden; padding-bottom: 1.2rem; margin-left: -.35rem;}
.why_nr li{float: left; width: 25%; padding-left: .35rem;}
.why_nr a{display: block; text-align: center; border-radius: 1rem; background: #fff; padding: 1.15rem .5rem .6rem .5rem;}
.why_nr p{font-size: .2rem; line-height: 1.6; color: #000; margin-top: .5rem;}
.why_nr img{margin: 0 auto;height: 1.24rem;transition: all 0.9s;}
.why_nr a:hover img{transform: rotateY(360deg);}

.about_bj{background: #236ac6;}
.about_title{position: relative; padding: .85rem 0 .74rem;text-align: right;width: 80%; margin: 0 auto;}
.about_title h2{text-align: center;font-weight: bold; font-size: .46rem; color: #fff; font-family: font1; margin-bottom: .65rem; }
.btn3{position: absolute; font-weight: bold; font-size: .24rem; color: #fff; font-family: font1;left: 0; top: .88rem;}
.btn3:before{position: absolute; content: "" ; border-bottom: 0.07rem solid #fff;width: 100%; left: 0; bottom: -.15rem;}
.btn4{display: inline-block; line-height: .68rem;background: #f2f2f2;border-radius: .34rem; color: #000; padding: 0 .33rem; font-size: .2rem;transition: All 0.4s ease-in-out;}
.btn4 b{display: inherit;background: url(../images/a2.png); width: 27px;height: 8px; margin: -5px 0 0 18px;}
.btn4:hover {background: #1b80ef;color: #fff;}
.btn4:hover b{background: url(../images/a4.png);}
.about_tp img{width: 100%;}
.about_text{width: 80%; margin: 0 auto; padding: 1.1rem 0 2rem;}
.about_text ul{display: flex;justify-content : space-between; padding-bottom: .95rem;}
.about_text li{text-align: center;}
.about_text h2{font-size: .72rem; color: #000; margin-bottom: .25rem;font-family: font1;}
.about_text h3{font-size: .21rem; color: #ccc;}
.about_text p{line-height: 1.4; margin: 0.1rem 0; font-size: .22rem; color: #000000;}
.footer{background: #000000;}
.footerbox{width: 80%; margin: 0 auto;}
.foot_top h2{font-weight: bold; font-size: .56rem; color: #fff; padding: .7rem 0 1.2rem;}
.foot_bottom{overflow: hidden;}
.foot_left{float: left; padding-top: .78rem;}
.foot_left li{padding-bottom: .22rem;}
.foot_left a{display: block;width: 32px;}
.foot_left img{margin: 0 auto;transition: All 0.4s ease-in-out;}
.foot_left a:hover img{opacity: 0.6;}
.foot_right{float: right;width: calc(100% - 4rem);}
.foot_right ul{display: flex;justify-content : space-between; padding-bottom: 1.2rem; border-bottom: 1px solid #fff;}
.foot_right h2{color: #fff;  font-size: .21rem; margin-bottom: .45rem;font-weight: 500;}
.foot_right dl{font-size: .21rem;color: #fff; line-height: 1.6;}
.foot_right a{color: #fff;}
.foot_right a:hover{opacity: .6;}
.foot_right p{font-size: .22rem; color: #fff; line-height: .9rem;}

/*contact*/
.banner_text{position: absolute; width: 100%; text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_text h2{color: #fff; font-size: 1.02rem; font-weight: 700; margin-bottom: .4rem;}
.banner_text p{color: #fff; font-size: .24rem;}
.xfbtn{background: url(../images/a25.png); width: .42rem;height: .24rem;background-size: 100% 100%;bottom: .75rem; left: 50%;transform: translateX(-50%);display: block;position: absolute;cursor: pointer;}
.xfbtn:hover{opacity: 0.7;}

.cont_title h2{font-weight: 700; color: #000; font-size: .72rem; padding: 1.25rem 0 ;}
.cont_nr{overflow: hidden;}
.cont_left{float: left; width: 50%; border-right: 1px solid #818181;}
.cont_bt h2{font-size: .32rem; margin-bottom: .23rem; color: #000;}
.cont_bt p{font-size: .22rem; color: #999999;}
.cont_hz{padding: 0 .95rem 0 0;}
.cont_hz ul{overflow: hidden; margin-left: -.5rem;}
.cont_hz li{float: left; width: 50%; padding: .2rem 0 0 .5rem;}
.cont_hz h3{font-size: .28rem; color: #000000;}
.wby1 {border-bottom: 1px solid #362c29;font-size: .24rem; line-height: 1rem;font-size: .28rem;width: 100%;height: 1.01rem;color: #000;font-family: font3;}
.cont_hz ul li:nth-child(5){ width:100%;}
.cont_hz ul li:nth-child(6){width: 100%;text-align: right;}
.wby2{border-bottom: 1px solid #362c29; padding: .3rem 0; height: 2.4rem; font-size: .28rem;color: #000;width: 100%;font-family: font3;}
.wby1::-webkit-input-placeholder{color:#000;}
.wby2::-webkit-input-placeholder{color:#000;}
.btn5{width: 1.85rem; height: .68rem; border: none;background: #f2f2f2;border-radius: .34rem;cursor: pointer; font-size: .22rem; color: #000;transition: All 0.4s ease-in-out;font-family: font3;}
.btn5 b{background: url(../images/a2.png); width: .27rem;height: .08rem; display: inline-block;vertical-align: middle; margin: -0.04rem 0 0 .1rem;background-size: 100% 100%;}
.btn5:hover{background: #236ac6;color: #fff;}
.btn5:hover b{background: url(../images/a4.png) no-repeat center center;background-size: 100% 100%;}
.cont_rigth{float: right;width: 50%; padding-left: .95rem;}
.cont_rigth li{padding-bottom: .9rem;}
.cont_rigth h2{color: #000;font-size: .32rem; margin-bottom: .1rem;}
.cont_rigth p{font-size: .26rem; margin-top: .2rem; color: #236ac6;}
.cont_rigth h3{font-size: .24rem; color: #999999; line-height: 1.7;}
.cont_rigth img{display: inline-block;vertical-align: middle; margin: -0.04rem .15rem 0 0;}
.dtnr img{width: 100%;border-radius: .15rem;}
.dtwb{overflow: hidden; padding: .95rem 0 1.4rem;}
.dtwb_left{float: left;width: 45%;}
.dtwb_left h2{font-size: .32rem; color: #000; margin-bottom: .2rem;}
.dtwb_left p{font-size: .24rem; color: #999;line-height: 1.6;}
.dtwb_left ul{overflow: hidden;padding-top: .45rem;}
.dtwb_left li{float: left; font-size: .24rem; color: #999999;}
.dtwb_left span{padding: 0 .3rem;}
.dtwb_left a{color: #999;}
.dtwb_left a:hover{color: #236ac6;}
.dtwb_right{float: right;width: 45%;border-bottom: 1px solid #333; padding-bottom: .7rem;}
.dtwb_right h2{font-size: .32rem; color: #000; margin-bottom: .2rem;}
.dtwb_right p a{font-size: .24rem; color: #999;line-height: 1.6;}
.dtwb_right span{float: right;background: url(../images/a2.png); width: 27px;height: 8px; margin-top: .1rem;}
.dtwb_right p a:hover{color: #236ac6;}

/*product*/
.bj4{ background-image: linear-gradient(to right, #f6f6f6 , #f6f6f6);}
.cpjs{padding-bottom: 1.5rem;}
.cpjs_title h2{font-weight: bold; font-size: .56rem; text-align: center; padding: 1.05rem 0 .35rem;color: #000;}
.cpjs_nr{position: relative;}
.cpjs_nr .swiper{overflow: hidden;}
.cpjs_nr h2{overflow: hidden; padding: 0 .35rem;}
.cpjs_nr b{font-size: .24rem; font-weight: 600; color: #000; padding: .6rem 0 .4rem;display: block;float: left; width: 50%;}
.cpjs_nr h2 b:nth-child(2){ padding-left: .3rem;}
.cpjs_nr ul{overflow: hidden;padding: .05rem;}
.cpjs_nr li{float: left; width: 25%; padding: 0 .3rem;}
.cpxqnr {background: #fff;border-radius: 0 0 .15rem; overflow: hidden;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.cpxqnr span{display: block; overflow: hidden;}
.cpxqnr img{width: 100%;}

.cptext{height: 1.1rem; position: relative;}
.cptext p{position: absolute; width: 100%; padding: 0 .8rem 0 .2rem; left: 0; bottom: .2rem; line-height: 1.6; font-size: .16rem; color: #161616;}
.cptext a{position: absolute; bottom: .24rem; right: .25rem;font-size: .17rem; color: #B5B5B6;text-decoration: underline;}
.cptext a:hover{color: #236ac6;}
.cpjs_nr .swiper-button-next{color: #bababa;right: -40px;}
.cpjs_nr .swiper-button-prev{color: #bababa; left: -40px;}
.flgn{overflow: hidden;background: #236ac6;}
.flgn_left{float: left; padding: .9rem 8% 0 10%;width: 50%;}
.flgn_left h2{font-weight: 600;color: #fff; font-size: .35rem; margin-bottom: .9rem;}
.flgn_left p{font-size: .17rem;margin-bottom: .2rem; line-height: 1.6; color: #fff;font-family: font2;}
.flgn_right{float: right;width: 50%;}
.flgn_right img{width: 100%;}
.gnfl{position: relative; margin-top: -.9rem;}
.gnfl ul{padding: .1rem .05rem; margin-left: -.6rem;overflow: hidden;}
.gnfl li{float: left; width: 25%; padding-left: .6rem;}
.gnfl a{display: block; border-radius: 0 0 .15rem .15rem;background: #fff; padding: .4rem .3rem .2rem .3rem;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.gnfl p{text-align: center; font-size: .17rem; line-height: .24rem; margin-top: .38rem; height: .48rem; color: #000;}
.gnfl img{height: .7rem; margin: 0 auto;transition: all 0.9s;}
.gnfl a:hover img{transform: rotateY(360deg);}

.fljs_title h2{font-weight: bold; font-size: .56rem; text-align: center; padding: 1.3rem 0 .75rem;color: #000;}
.fljs_nr{overflow: hidden; padding-bottom: .55rem;}
.fljs_left{float: left; width: 50%;}
.fljs_left img{width: 100%;}
.fljs_right{float: right;width: 50%; padding: 0 0 0 .4rem;}
.fljs_right h2{font-weight: 600; font-size: .24rem; margin-bottom: .25rem; color: #000;}
.fljs_right li{line-height: .42rem; font-size: .16rem; color: #595757; padding-left: .3rem;background: url(../images/a44.png) no-repeat left center;background-size: .16rem .16rem;}
.fljs_right p{font-size: .16rem; line-height: 1.6; margin-top: .25rem; color: #727171;}
.fljs_right a{display: inline-block; font-size: .22rem; padding-right: 55px; color: #595757;background: url(../images/a2.png) no-repeat right center; margin-top: .5rem;}
.fljs_right a:hover{color: #236ac6;}
.tpjh ul{overflow: hidden;padding-bottom: 1.5rem; margin-left: -.5rem;}
.tpjh li{float: left; width: 33.33%; padding-left: .5rem;}
.tpjh a{display: block; overflow: hidden;}
.tpjh img{width: 100%;}

.bj7{background: url(../images/bj7.png) no-repeat center center;background-size: cover;height: 764px;}
.lxba{padding: 1.1rem 0 0 50%;}
.lxba h2{color: #fff; font-size: .35rem; line-height: 1.5; margin-bottom: .6rem;}
.lxba p{color: #fff; line-height: 1.5; font-size: .18rem; margin-bottom: .12rem;font-family: font2;}
.lxba a{display: inline-block; line-height: .52rem; background: #11c161; color: #fff; font-size: .24rem; padding: 0 .35rem; margin-top: .6rem;transition: All 0.4s ease-in-out;}
.lxba a:hover{background: #eba206;}
.hzhb_title h2{font-weight: bold; font-size: .56rem; text-align: center; padding: .9rem 0 .8rem;color: #000;}
.hzhb_nr{padding-bottom: 1.6rem;}
.hzhb_nr img{width: 100%;}
.bj8{background: #f6f6f6;}

/*industry solution*/
.wor_title{width: 80%; border-top: 1px solid #727272;text-align: center; margin: 0 auto;}
.wor_title h2{font-weight: 700; color: #000; font-size: .56rem; padding: 1.6rem 0 ;}
.impl{padding: 2.4rem 0 5.8rem;background: url(../images/bj2.png) no-repeat center center;background-size: cover;background-attachment: fixed;}
.implbox{width: 80%; margin: 0 auto;}
.implbox h2{font-size: .28rem; font-weight: 700; color: #fff; line-height: 1.6;}
.cdnr{padding: 1.45rem 0 1.15rem;}
.cdnr ul{overflow: hidden; margin-left: -.65rem;}
.cdnr li{float: left; width: 50%; padding: 0 0 .65rem .65rem;}
.cdbox{border-radius: .7rem;background: #f2f2f2; padding: .7rem .5rem;transition: All 0.4s ease-in-out;}
.cdbox h2{font-weight: 700; color: #000; font-size: .28rem; margin-bottom: .4rem;}
.cdbox p{font-size: .2rem; line-height: 2; color: #999999;height: .8rem;}
.cdbox:hover{background: #236AC6;}
.cdbox:hover h2{color: #fff;}
.cdbox:hover p{color: #fff;}

/*about*/
.prod_title ul{text-align: center;}
.prod_title li{font-size: .18rem; color: #000000;display: inline-block;}
.prod_title a{color: #000;}
.prod_title span{padding: 0 .1rem;}
.prod_title a:hover{color: #007AFF;}
.uses_nr{padding-bottom: 1.4rem;  border-bottom: 1px solid #cccccc;}
.uses_nr ul{overflow: hidden; margin-left: -.25rem;}
.uses_nr li{float: left; width: 33.33%; padding-left: .25rem;}
.uses_nr a{display: block; position: relative; overflow: hidden;}
.uses_nr img{width: 100%;}
.uses_nr p{position: absolute; width: 100%; color: #fff;left: 0; top: .4rem; padding-left: .6rem; font-size: .32rem;}
.qyry{display: flex; padding: 1.6rem 0 2.6rem;align-items: center;}
.qtrt_left{width: 50%; padding-right: .5rem;}
.qtrt_left h2{font-size: .3rem; color: #000; font-weight: 700; margin-bottom: .8rem;}
.qtrt_left p{font-size: .18rem; line-height: 2; color: #000000;}
.qyry_right{width: 50%;}
.qyry_right ul{overflow: hidden; margin-left: -.35rem;}
.qyry_right li{float: left; width: 50%; padding-left: .35rem;}
.qyry_right img{width: 100%;}