/* 导航条 */
body {margin: 0;}
.wrap{width: 1200px;margin: 0 auto;}
.clear{clear: both;}  /* 清除浮动 */
a{text-decoration-line: none;}   /* 去掉默认a标签的下划线 */
ul,li{list-style: none;margin: 0;padding: 0px;}
nav .level>li{float: left;text-align: center;background: #fff;padding: 22px 0;font-size: 16px;margin: 0 26px;}
nav .level>li a{color: black;text-decoration:none}
nav .level>li:hover{border-bottom: 2px #3c8efd solid;} /* 设置鼠标滑过后的样式 */
nav .level>li:hover > a{color: #3c8efd;}

nav .two{display: none;margin-top: 10px;background: #e3e7eb;top: 57px;left: 0px;width: 100%;position: absolute;z-index: 2;}  /* 先使二级菜单的内容隐藏 */
nav .level>li:hover .two{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
nav .two li{padding: 8px 0;transition: .4s;cursor: pointer;}
/* nav .two li:hover{color: #3c8efd;} */

.two-dier{position:relative;width:1200px;left:50%;margin-left:-700px}
.two-disan{width:auto;text-align:center;margin:40px auto!important;display:table}
.two-ul{width:100px;float:left;margin:0 45px;text-align:left}
.two-ul>li{padding:10px 0}
.jzdiv{position:relative;width:1200px;left:50%;margin-left:-617px}

/*四小块*/
#U76R4QkA .p_MatteIcon .iconfont:before {content:'\e602';}
#U76R4QkA {position:absolute;top:-40px;left:10px;z-index:103;width:1215px;height:120px;}
.aoAOzvYv {position:absolute;width:890px;height:680px;overflow:hidden;}
.aoAOzvYv .4OdlYLFM {width:inherit;height:auto;white-space:normal;background:transparent;}
.aoAOzvYv .dyTl5EHW {width:inherit;height:auto;font-size:14px;line-height:21px;color:#656565;}
.aoAOzvYv .p_MatteIcon .iconfont:before {content:'\e602';}
.aoAOzvYv ul li {list-style:none !important;}
.klpyscak {background:#fff;width:1215px;height:120px;border-radius:4px;box-shadow:0 0px 30px 0 rgba(0,0,0,0.10);}
.klpyscak2 {width:100%;text-align:center;margin-top:10px !important;float:left;margin-left:20px !important;}
.klpyscak2 ul {list-style:none;float:left;height:100px;transition:all 1s;cursor:pointer;border-right:1px #f0f0f0 solid;padding:10px 42px !important;background-position:0px -8px;}
.klpyscak2 ul:hover li span {color:#368aff;}
.klpyscak2 ul li {list-style:none;font-size:14px;color:#999;padding-top:0px;text-align:left;padding-left:60px;}
.klpyscak2 ul li span {display:block;color:#555;margin-bottom:10px;font-size:18px;padding-top:10px;}
.klpyscak2 ul:nth-of-type(1) {background:url(../img/icon1.png) no-repeat;margin-left:0px !important;}
.klpyscak2 ul:nth-of-type(1):hover {background:url(../img/icon1_hover.png) no-repeat;}
.klpyscak2 ul:nth-of-type(2) {background:url(../img/icon2.png) no-repeat;}
.klpyscak2 ul:nth-of-type(2):hover {background:url(../img/icon2_hover.png) no-repeat;}
.klpyscak2 ul:nth-of-type(3) {background:url(../img/icon3.png) no-repeat;;}
.klpyscak2 ul:nth-of-type(3):hover {background:url(../img/icon3_hover.png) no-repeat;}
.klpyscak2 ul:nth-of-type(4) {background:url(../img/icon4.png) no-repeat;border-right:0px #f0f0f0 solid;}
.klpyscak2 ul:nth-of-type(4):hover {background:url(../img/icon4_hover.png) no-repeat;}
.klpyscak2 a {color:#999 !important;}

/*解决方案*/
.fabox{float: left;width: 100%;height: 120px;margin-top: 120px;text-align: center;}
.faboxh1{height:23px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;}
.faboxp{height:50px;color:rgba(164,164,164,1);font-size:14px;width: 825px;margin: auto;}
.faxk{float: left;width: 100%;margin-top: 20px;text-align: center;}
.faxkcenter{width: 1106px;margin: auto;color:rgba(0,0,0,1);font-size:20px;}
.faxkcenterXk{width: 200px;float: left;padding: 0px;}
.fapicbj{height: 500px;background-image:url(../img/202009151052.jpg);background-repeat:no-repeat;background-size:100%;float: left;width: 100%;margin-top: 20px;text-align: left;}
.fapich1{height:23px;color:#fff;font-size:20px;font-weight:normal;margin: auto;margin-top: 45px;width: 1200px;}
.fapicp{height:50px;color:#fff;font-size:14px;width: 700px;margin: auto;margin-top: 15px;width: 1200px;}
.m40{margin-top: 40px;}

/*产品能力*/
.cpnlbox{float: left;width: 100%;height: 350px;margin-top: 70px;background: #F4F4F4;text-align: center;}
.cpnlboxcenter{width: 900px;margin: auto;margin-top: 80px;color:rgba(0,0,0,1);font-size:20px;}
.cpnlboxh1{height:30px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;margin-top: 25px;}
.cpnlboxfd{width: 220px;float: left;padding: 0 40px;}
.cpnlboxfd>h1{height:30px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;}
.cpnlboxfd>p{height:50px;color:rgba(164,164,164,1);font-size:14px;}

/*领先技术*/
.lxjsbox{float: left;width: 100%;height: 520px;margin-top: 40px;text-align: center;}
.box_center {margin:0 auto;padding:0px;display:block;overflow:hidden;width:1200px;}
.pos_re {position:relative;}
.box2zero{ text-align: center; padding: 50px 0; margin: -20px 0 30px }
.box2zero .zero{ display: inline-block; width: 340px; height: 340px; margin-top:11px;}
.box2zero .zero img{ top: 0; left: 0; }
.zeroText{width: 1200px; top: 40px; left: 0; z-index: 99}
.zeroText .textBoxs{ width: 400px; }
.zeroText .textBoxs li{ margin-bottom: 95px ;margin-top: -18px;}
.zeroText .textBoxs li i{ display: block; width: 10px; height: 10px; background: #2da0f0; border-radius: 50%;animation: zero3 0.3s linear 0s infinite normal; -moz-animation: zero3 0.3s linear 0s infinite normal; -o-animation: zero3 0.3s linear 0s infinite normal; -webkit-animation: zero3 0.3s linear 0s infinite normal; }
.zeroText .textBoxs li h2{ position: relative; color: #313131; font-size: 21px; line-height: 30px; }
.zeroText .textBoxs li p{height: 50px;}
.zeroText .textBoxs li.lefts{ margin-right: 50px; }
.zeroText .textBoxs li.lefts i{ right: -20px }
.zeroText .textBoxs li.rights{ margin-left: 50px; }
.zeroText .textBoxs li.rights i{ left: -20px }
.nybanner{ width: 100%; height: 400px; overflow: hidden }
.nybanner .texts{width: 1200px;}
.nybanner .texts h2{line-height: 2em; color: #000; font-size: 40px;}
.nybanner .texts p{ line-height: 1.8em; color: #676767; font-size: 16px; }
.nybanner .texts a{ display: inline-block; padding: 0 40px; line-height: 40px; margin-top: 20px; color: #fff; background: #ef2a3a; border-radius: 40px }
.nybanner .texts .btns a{ border: 1px solid #2da0f0; background: none; color: #2da0f0; margin-right: 20px; border-radius: 5px }
.nybanner .texts2 h2{ font-size: 30px; }
.nybanner .texts2 p{ font-size: 19px }
.nybanner .nybannerText{ left: 50%; margin-left: -600px; margin-top: 40px; color: #fff; font-size: 18px; line-height: 35px; border-bottom: 2px solid #2da0f0; transition: all 0.5s}
.CaseNybanner .nybannerText{ margin: 0; margin-top: 65px }
.nybanner .nybannerText i{ transition: all 0.3s; display: inline-block; vertical-align: middle; background: url('../img/banner_jt.png') no-repeat center left; background-size: 200% 100%; width: 20px; height: 20px; margin-left: 5px; margin-top: -2px }
.nybanner .nybannerText:hover{ color: #2da0f0 }
.nybanner .nybannerText:hover i{ background-position: center right }
.link{ background: #f8f8f8; padding-bottom: 50px; }
.link .linkList{width: 1236px;}
.link .linkList .item{width: 190px;margin: 8px; float: left; border:1px solid #f5f5f5;}
.zero_img1{animation: zero1 20s linear 0s infinite normal; -moz-animation: zero1 20s linear 0s infinite normal; -o-animation: zero1 20s linear 0s infinite normal; -webkit-animation: zero1 20s linear 0s infinite normal;}
.zero_img2{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img3{animation: zero2 35s linear 0s infinite normal; -moz-animation: zero2 35s linear 0s infinite normal; -o-animation: zero2 35s linear 0s infinite normal; -webkit-animation: zero2 35s linear 0s infinite normal;}
.zero_img4{animation: zero7 2s linear 0s infinite normal; -moz-animation: zero7 2s linear 0s infinite normal; -o-animation: zero7 2s linear 0s infinite normal; -webkit-animation: zero7 2s linear 0s infinite normal;}
.zero_img5{animation: zero4 5s linear 0s infinite normal; -moz-animation: zero4 5s linear 0s infinite normal; -o-animation: zero4 5s linear 0s infinite normal; -webkit-animation: zero4 5s linear 0s infinite normal;}
.zero_img6{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img7{animation: zero3 0.5s linear 0s infinite normal; -moz-animation: zero3 0.5s linear 0s infinite normal; -o-animation: zero3 0.5s linear 0s infinite normal; -webkit-animation: zero3 0.5s linear 0s infinite normal;}
.zero_img8{animation: zero3 2s linear 0s infinite normal; -moz-animation: zero3 2s linear 0s infinite normal; -o-animation: zero3 2s linear 0s infinite normal; -webkit-animation: zero3 2s linear 0s infinite normal;}
@keyframes zero1 {0% {transform:rotate(0);}
33% {transform:rotate(180deg);}
66% {transform:rotate(360deg);}
100% {transform:rotate(180deg);}
}
@keyframes zero2 {0% {transform:rotate(0);}
33% {transform:rotate(-180deg);}
66% {transform:rotate(-360deg);}
100% {transform:rotate(-180deg);}
}
@keyframes zero3 {0% {opacity:1;}
50% {opacity:0.5;}
100% {opacity:1;}
}
@keyframes zero4 {0% {transform:rotate(0);}
50% {transform:rotate(180deg);}
100% {transform:rotate(360deg);}
}
.posX_center {position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.posY_center {position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.posXY_center {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.clearfix::before,.clearfix::after {content:"";display:block;height:0;line-height:0;clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.pos_re {position:relative;}
.pos_ab {position:absolute;}
.pos_fx {position:fixed;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}
.fl {float:left;}
.fr {float:right}
.box_content {margin:0;padding:0px;display:block;overflow:hidden;width:100%;}
.box_center {margin:0 auto;padding:0px;display:block;overflow:hidden;width:1200px;}
.ellipsis {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vertical {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.disabled {pointer-events:none;cursor:default;opacity:0.8;}
::-webkit-scrollbar {display:none;}

/*物联卡解决方案*/
.cpnlboxfd-7{width: 150px;float: left;padding: 0px;}
.cpnlboxfd-7>h1{height:30px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;}
.cpnlboxfd-7>p{height:50px;color:rgba(164,164,164,1);font-size:14px;}

/*物联卡优势*/
.wlkysbox{float: left;width: 100%;height: 540px;margin-top: 20px;background: #fff;text-align: center;}
.wlkysboxcenter{width: 1200px;margin: auto;margin-top: 80px;color:rgba(0,0,0,1);font-size:20px;}
.wlkysboxh1{height:30px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;margin-top: 25px;}
.wlkysboxp{height:50px;color:rgba(164,164,164,1);font-size:14px;margin: auto;}
.wlkysboxfd{width: 400px;float: left;padding: 0px;}
.wlkysboxfd>h1{height:30px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;}
.wlkysboxfd>p{height:50px;color:rgba(164,164,164,1);font-size:14px;}

.wlkysxbox{float: left;width: 100%;height: 500px;margin-top: 120px;text-align: center;}
.wlkysxboxh1{height:23px;color:rgba(0,0,0,1);font-size:20px;font-weight:normal;}
.wlkysxboxp{height:50px;color:rgba(164,164,164,1);font-size:14px;width: 825px;margin: auto;}
.wlkysxboxcenter{width: 1200px;margin: auto;margin-top: 0px;color:rgba(0,0,0,1);font-size:20px;}
.wlkysxboxfd{width: 310px;margin: 60px 29px 0 29px;float: left;padding: 15px;border: 1px solid rgba(187, 187, 187, 1);}
.wlkysxboxfd>img{float: left;}
.wlkysxboxfd>h1{color:rgba(0,0,0,1);font-size:16px;font-weight:normal;width: 195px;float: left;margin: 0;}
.wlkysxboxfd>p{color:rgba(164,164,164,1);font-size:12px;width: 190px;float: left;margin: 0;padding: 0 10px;margin-top: 8px;text-align: left;}


/*高端定制需求*/
.sect_biao {width:1200px;height:320px;background:#ffffff;margin:0 auto;padding:50px 30px 0;position:relative;bottom:0px;}
.sect_biao h2 {font-size:24px;color:#343434;font-weight:normal;}
.sect_tel {text-align:center;font-size:18px;color:#343434;margin-top:15px;}
.sect_tel img {vertical-align:middle;}
.sect_tab {width:80%;height:60px;background:#f2f5f9;padding:0 0 0 140px;margin-top:30px;}
.tab_left {width:50%;line-height:60px;font-size:16px;color:#767676;float:left;background:transparent;}
.tab_right {width:40%;float:left;font-size:16px;color:#767676;padding:10px 0 10px 65px;text-align:center;}
.tab_right span {display:inline-block;/*padding:0 30px 0 27px;*/  border-left:1px solid #d8d8d8;height:35px;line-height:35px;position:relative;top:-8px;background:transparent;font-size:14px;}
.tab_right .xia_la {width:130px;text-align:center;}
.tab_right span .sel_option {width:100%;position:absolute;height:auto;padding:10px 0;background:#ffffff;left:0;top:45px;border:1px solid #f1f1f1;line-height:25px;display:none;}
.tab_right span .sel_option p {font-size:12px;color:#919191;display:block;padding-left:15px;}
.tab_right span .sel_option p:hover {background:#dcf7f7;}
.tab_right input {width:173px;height:41px;background:url("../img/62.jpg") no-repeat;color:#ffffff;font-size:16px;position:absolute;left:24px;top:-4px;cursor:pointer;}
.tab_right input:hover {opacity:0.8;}


/* 数字特效 */
.module5 {width:100%;position:relative;}
.module5 img.bg {width:100%;}
.module5 .content {position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.module5 .content h3 {font-size:30px;color:#f9faff;margin-bottom:30px;}
.module5 .content .num {position:relative;}
.module5 .content .num .numAll {font-size:68px;color:#f9faff;}
.module5 .content .num .numAll span {letter-spacing:20px;}
.module5 .content .num ul.numUl {position:absolute;top:0;bottom:0;left:0;margin:auto 0;display:flex;justify-content:center;align-items:center;}
.module5 .content .num ul.numUl li {width:46px;height:90px;border:1px solid #f9faff;border-radius:4px;}
.module5 .content .num ul.numUl li:nth-child(1) {position:absolute;left:-2px;}
.module5 .content .num ul.numUl li:nth-child(2) {position:absolute;left:94px;}
.module5 .content .num ul.numUl li:nth-child(3) {position:absolute;left:154px;}
.module5 .content .num ul.numUl li:nth-child(4) {position:absolute;left:214px;}
.module5 .content .num ul.numUl li:nth-child(5) {position:absolute;left:311px;}
.module5 .content .num ul.numUl li:nth-child(6) {position:absolute;left:371px;}
.module5 .content .num ul.numUl li:nth-child(7) {position:absolute;left:430px;}
.module5 .content .num ul.numUl li:nth-child(8) {position:absolute;left:527px;}
.module5 .content .num ul.numUl li:nth-child(9) {position:absolute;left:586px;}
.module5 .content .num ul.numUl li:nth-child(10) {position:absolute;left:646px;}