body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
br{opacity: 0;background: transparent;color: transparent;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

@font-face {
  font-family: "sns";
  src: url("../font/SourceHanSansCN-Regular.woff") format("woff"),
    url("../font/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
    url("../font/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body.open{height:100%; overflow:hidden;}
.video_bg{ position:fixed; min-width:12rem; width:100%; top:0; left:0; right:0; bottom:0; -webkit-filter:grayscale(30%); filter:grayscale(30%)}
.bgAnimation{ z-index:-100; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.6); transition:1s; max-width:none; display:none;}
.clearfix:before,
.clearfix:after{display: table; content: " ";}
.clearfix:after{clear: both;}

.sidebar{position:fixed; left:10px; top:50%; margin-top:-123px; display:none;}
.sidebar ul{background:url(../images/side_line.png) repeat-y 5px 20px;}
.sidebar li{padding:0px 0px 0px 20px; color:#95a6c2; font-size:14px; height:41px; line-height:41px; font-family:sns,"黑体"; cursor:pointer; background:url(../images/side_off.png) no-repeat 1px center;}
.sidebar li.on{color:#fff; font-size:16px; background:url(../images/side_on.png) no-repeat left center; font-weight:bold;}

body{background-color:#071e47; font-family:sns,"黑体";}
.w1280{margin:0 auto; width:100%; max-width:1000px; padding-bottom:30px;}
.header_bg{width:100%; background-color:rgba(45,68,109, 0); position:relative; z-index:1201;}
.header_bg .w1280{padding-bottom:0px;}
.header_bg.open{height:100%;transition: background .36s cubic-bezier(.32,.08,.24,1),height .56s cubic-bezier(.52,.16,.24,1);}
.header_bg{z-index:1201;}
.header_bg .menu{position: fixed;top: 0;left: 0;right:0px; bottom:0px;width: 100%;height: 100%;padding-top: 80px;overflow-y: auto;background-color:#071e47;display:none;z-index:1200;}
.header_bg .menu ul{display:none;}
.header_bg .menu li a{line-height:50px; color:#fff; font-size:16px; font-weight:bold; text-align:center; display:block;}
.header_bg .menu li.active a,.header_bg .menu li a:hover{background-color:#80B8EB; text-decoration:none;}
.header{height:80px; display:flex; align-items:center; justify-content:space-between;}
.header .logo{position:relative; z-index:1203;}
.header .logo img{width:120px;}
.header .nav{display:block;}
.header a{margin-left:30px; font-size:16px; color:#fff;}
.header a:hover{text-decoration:none;}
.header a:first-child{margin-left:0px;}
.header .meun-btn{width:20px; height:32px; position:relative; z-index:1202;display:none;}
.header .meun-btn>span{position:absolute; top:10px; left:0; width:20px; height:12px; transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
.header .meun-btn .crust{display:block; width:20px; height:2px; background:#fff; border-radius:2px; position:absolute; left:0; z-index:1; transition:transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s;}
.header .meun-btn .lint-1 .crust{top:0px;}
.header .meun-btn .lint-2 .crust{top:6px;}
.header .meun-btn .lint-3 .crust{top:12px;}
.header .meun-btn.open .crust{background:#80B8EB;}
.header .meun-btn.open .lint-1 {transition:transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s; transform:rotate(45deg);}
.header .meun-btn.open .lint-1 .crust {transform:translateY(5px); transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
.header .meun-btn.open .lint-2 {transition:opacity .1806s; opacity:0;}
.header .meun-btn.open .lint-3 {transition:transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s; transform:rotate(-45deg);}
.header .meun-btn.open .lint-3 .crust{transform:translateY(-7px); transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
.subwrapper{background-color:#152b54;}
.subwrapper .header_bg{ background-color:rgb(34,95,149);}
.subwrapper .slogan h1{margin-top:0px;}
.subwrapper .aiot-headline{margin-bottom:30px;}

.slogan img,.sdzc li img, .zcyc .yc-list li img, .zcyc .yc-content .body h3 img, .zbjb img, .sjgs .story img, .hzzx li img, .zcycTab img{max-width:100%; height:auto;}

.slogan{width:100%; height:100%; /*background:url(../images/mark.png) no-repeat left center; display:flex; align-items: center; min-height:768px;*/}
.slogan .body{margin:0 auto; width:100%; position:relative;}
.slogan h1{margin-top:-50px; text-align:right;}
.slogan .fhtime{position:absolute; left:59%; top:69%;}
.slogan .subpage01{position:absolute; left:calc(50% - 500px); top:30%; text-align:center; width:1000px;}
.slogan .subpage01 .box{position:absolute; right:0px; top:0px; width:50%;}
.slogan .subpage01 .box>img{width:100%;}
.slogan .subpage01 a{width:100%; max-width:155px; height:auto;margin-right:40px;}
.slogan .subpage01 a>img{margin-bottom:0px;}
.slogan .subpage01 a:last-child{margin-right:0px;}
.slogan .subpage01 p{padding:30px 0px; font-size:16px; color:#fff; line-height:24px;}

.aiot-headline{margin-bottom:80px; position:relative;}
.aiot-headline p{margin-top:8px; padding:0px 8px; color:#fff; font-size:16px; line-height:38px;display:inline-block; background:url(../images/ttl_bg.png) repeat-x left bottom;}
.mb100{margin-bottom:100px;}
.mb136{margin-bottom:136px;}
.mb30{margin-bottom:30px;}

.sdzc{padding:0 24px;}
.sdzc ul{margin:0 -48px;}
.sdzc li{float:left; width:25%; padding:0px 24px; display:inline;}
.sdzc li:nth-child(even){margin-top:100px;}
.sdzc li>div{width:100%; position:relative;}
.sdzc li .sd01 a,.sdzc li .sd02 a,.sdzc li .sd03 a,.sdzc li .sd04 a{position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; display:block; z-index:999;}
.sdzc li a .subscribe{position:absolute; right:20px; bottom:40px; text-align:right;}
.sdzc li a .subscribe img{margin-bottom:12px;}
.sdzc li a .subscribe .btns{float:right; width:98px; height:24px; font-size:14px; line-height:24px; color:#fff; border:1px solid #fff; border-radius:24px; text-align:center;}
.sdzc li .sd01 a:hover{background:url(../images/4D-b01_o.png) no-repeat;background-size:100% 100%;}
.sdzc li .sd02 a:hover{background:url(../images/4D-b02_o.png) no-repeat;background-size:100% 100%;}
.sdzc li .sd03 a:hover{background:url(../images/4D-b03_o.png) no-repeat;background-size:100% 100%;}
.sdzc li .sd04 a:hover{background:url(../images/4D-b04_o.png) no-repeat;background-size:100% 100%;}
.sdzc li a:hover .subscribe .btns{
background-image: linear-gradient(-45deg, #9A9DE0, 70%, #80B8EB);
background-image: -webkit-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
background-image: -moz-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
}
.zcyc{width:100%; height: 100%; max-height: 640px; position:relative;}
.zcyc .yc-content{width:80.25%; max-width:1027px; background:url(../images/bg_yc.png) no-repeat; background-size:100% 100%;}
.zcyc .yc-content .body{padding:40px 50px 0px; min-height:640px; display:none;}
.zcyc .yc-content .body .h3title{text-align:center;}
.zcyc .yc-content .body h3{margin-bottom:10px; padding:0px 2px 2px; font-size:36px; letter-spacing:5px; color:#fff; font-family:sns,"黑体"; text-align:center; display:inline-block;
background-image: linear-gradient(90deg, rgba(108,158,217,1), 0%, , rgba(108,158,217,0));
background-image: -webkit-linear-gradient(90deg, rgba(108,158,217,1) 0%, rgba(108,158,217,0));
background-image: -moz-linear-gradient(90deg, rgba(108,158,217,1) 0%, rgba(108,158,217,0));
}
.zcyc .yc-content .body .h3title .desc{margin-bottom:20px; color:#fff; font-size:14px;}
.zcyc .yc-content .body .yctable{width:100%; display:table; vertical-align:top;}
.zcyc .yc-content .body .yctd{width:50%; display:table-cell; vertical-align:top;}
.ycitem{padding-left:160px; position:relative; }
.ycitem p{margin-bottom:30px; line-height:20px; color:#fff; font-family:sns,"黑体";}
.ycitem p.ct{margin-bottom:10px; font-size:16px; line-height:20px; font-weight:bold; display:inline-block;
background-image: linear-gradient(90deg, rgba(108,158,217,1), 0%, rgba(108,158,217,0));
background-image: -webkit-linear-gradient(90deg, rgba(108,158,217,1) 0%, rgba(108,158,217,0));
background-image: -moz-linear-gradient(90deg, rgba(108,158,217,1) 0%, rgba(108,158,217,0));
}
.ycitem p.cn{margin-bottom:0px; font-size:16px;}
.ycitem p.cd{font-size:14px;}
.ycitem .time{position:absolute; left:15px; top:0px; width:140px; font-size:16px; line-height:20px; font-weight:bold; color:#fff; font-family:sns,"黑体"; background:url(../images/dot.png) no-repeat right center;}

.zcycTab{margin-bottom:30px; display:none;}
.zcycTab ul{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.zcycTab li{margin-right:10px; position:relative;}
.zcycTab li a{position:absolute; left:0px; right:0px; top:0px; bottom:0px;}
.zcycTab li a{padding:0px 13px; text-align:center; display:block;}
.zcycTab li a:hover,.zcycTab li.active a{background:url(../images/m_yc_on.png) no-repeat;background-size:100% 100%;}
.zcycTab li:last-child{margin-right:0px;}
.zcycTab li a span{position:absolute; left:0px; right:0px; top:0px; bottom:0px; text-indent:-9999px;}
.zcycTab li a span.m1{background:url(../images/m_yc_01.png) no-repeat center center;background-size:80% auto;}
.zcycTab li a span.m2{background:url(../images/m_yc_02.png) no-repeat center center;background-size:80% auto;}
.zcycTab li a span.m3{background:url(../images/m_yc_03.png) no-repeat center center;background-size:80% auto;}
.zcycTab li a span.m4{background:url(../images/m_yc_04.png) no-repeat center center;background-size:80% auto;}

.zcyc .yc-list{position: absolute; right: 0%; top: 0px; bottom: 0px; width:20%; height: 100%;}
.zcyc .yc-list ul{margin-left:16px;}
.zcyc .yc-list li{margin-bottom:15px; width:185px; height:147px;}
.zcyc .yc-list li:last-child{margin-bottom:0px;}
.zcyc .yc-list li a{padding:50px 0px 0px; position:relative; display:block; background:url(../images/bg_syc.png) no-repeat; background-size:100% 100%; min-height:148px;}
.zcyc .yc-list li a:hover,.zcyc .yc-list li.active a{background:url(../images/bg_syc_on.png) no-repeat; background-size:100% 100%; text-decoration:none;}
.zcyc .yc-list li a .d1{ background:url(../images/1.png) no-repeat;}
.zcyc .yc-list li a .dagital{position:absolute; left:10px; bottom:10px; width:36px; height:60px;}
.zcyc .yc-list li a .dagital.d1{ background:url(../images/1.png) no-repeat; background-size:100% 100%;}
.zcyc .yc-list li a .dagital.d2{ background:url(../images/2.png) no-repeat; background-size:100% 100%;}
.zcyc .yc-list li a .dagital.d3{ background:url(../images/3.png) no-repeat; background-size:100% 100%;}
.zcyc .yc-list li a .dagital.d4{ background:url(../images/4.png) no-repeat; background-size:100% 100%;}

.zcyc .yc-list li p{line-height:20px; color:#fff; font-family:sns,"黑体"; text-align:center;}
.zcyc .yc-list li .cname{margin-bottom:20px; font-size:20px; font-weight:bold;}
.zcyc .yc-list li .ctime{margin-bottom:10px; font-size:16px; }
.zcyc .yc-list li .cbtn{margin:0 auto; width:98px; height:26px; line-height:26px; border:1px solid #fff; border-radius:26px; text-align:center;}
.zcyc .yc-list li.active a .cbtn{
background-image: linear-gradient(-45deg, #9A9DE0, 70%, #80B8EB);
background-image: -webkit-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
background-image: -moz-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
}

.zbjb{position:relative;}

.zbjb .swiper-container{margin:0 auto; width: 100%; padding-bottom:50px; max-width:1000px; height: auto;}
.zbjb .swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.zbjb .jbitem{margin:0 auto; width:100%; max-width:220px; background:url(../images/jb_bg.png) no-repeat center bottom; background-size:100% auto; position:relative;}
.zbjb .jbitem .title{position:absolute; left:15px; bottom:15px;}
.zbjb .jbitem .title p{ line-height:20px; color:#fff; font-family:sns,"黑体"; text-align:left;}
.zbjb .jbitem .title p.pn{margin-bottom:8px; font-size:20px;}
.zbjb .jbitem .title p.pp{font-size:16px;}

.zbjb ul{width:100%;}
.zbjb ul li{float:left; margin-bottom:20px; width:33.3333%; display:inline;}

.zbjb .next,.zbjb .prev{position:absolute; top:40%; cursor:pointer; z-index:1000;}
.sjgs .next,.sjgs .prev{position:absolute; top:24%; cursor:pointer; z-index:1000;}
.zbjb .prev, .sjgs .prev{left:-20px; width:80px; height:80px; background:url(../images/left.png) no-repeat center bottom; background-size:100% auto;}
.zbjb .next, .sjgs .next{right:-20px; width:80px; height:80px; background:url(../images/right.png) no-repeat center bottom; background-size:100% auto;}
.sjgs .prev{left:-80px;}
 .sjgs .next{right:-80px;}


.zbjb .swiper-pagination-bullet, .sjgs  .swiper-pagination-bullet{width:10px; height:10px; border:1px solid #ffffff; border-radius:10px; background:none; opacity:1;}
.zbjb .swiper-pagination-bullet-active, .sjgs .swiper-pagination-bullet-active{background:#fff; box-shadow:0px 0px 5px 3px rgba(255, 255, 255, 0.5);}
.zlzq{margin-bottom:136px; margin-left:auto; margin-right:auto; padding:0px; width:100%; max-width:1000px; position:relative;}
.zlzq p.tip{padding-bottom:20px; font-size:20px; line-height:20px; color:#fff; font-family:sns,"黑体"; text-align:center; background:url(../images/light.png) no-repeat center bottom;background-size:40% auto;}

.zlzq li{float:left; width:25%; display:inline;}
.zlzq li>a{margin:0 auto; padding:30px 0px 0px; height:120px; width:100%; max-width:200px;color:#fff; font-size:16px; display:block; background:url(../images/zlzq_01.png) no-repeat; background-size:100% 100%;}
.zlzq li>a:hover{background:url(../images/zlzq_01_o.png) no-repeat; background-size:100% 100%;}
.zlzq li>a .zlname{margin-bottom:15px; padding:0px 10px; text-align:center;}
.zlzq li>a .zlbtn{margin:0 auto; width:100%; max-width:120px;  text-align:center;}
.zlzq li>a .zlbtn p{height:32px; line-height:32px; text-align:center;border:1px solid #d6d6d6; border-radius:32px;}
.zlzq li>a:hover .zlbtn p{
background-image: linear-gradient(-45deg, #9A9DE0, 70%, #80B8EB);
background-image: -webkit-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
background-image: -moz-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
}
.zlzq li>a:hover{text-decoration:none;}

.sjgs{position:relative;}
.sjgs .storybox{margin:0 auto; width: 100%; padding-bottom:50px; max-width:1000px; height: auto;}

.hzzx{margin-bottom:120px;}
.hzzx li{float:left; width:25%; display:inline;}
.hzzx li a{margin:0 auto; width:100%; max-width:130px; text-align:center; color:#fff;font-size:20px;  font-family:sns,"黑体"; display:block; position:relative;}
.hzzx li a:hover{text-decoration:none; color:#fff;}
.hzzx li a img{margin-bottom:10px;}

.bmnavi{padding:36px 0px 48px; border-top:1px solid #6e7b8e; position:relative;}
.bmnavi li{float:left; width:25%; display:inline;}
.bmnavi li a{margin:0 auto; width:100%; max-width:140px; height:36px; line-height:36px; text-align:center; color:#d6d6d6;font-size:16px;  font-family:sns,"黑体"; display:block; border:1px solid #d6d6d6; border-radius:36px;}
.bmnavi li a:hover{
color:#fff; text-decoration:none;
background-image: linear-gradient(-45deg, #9A9DE0, 70%, #80B8EB);
background-image: -webkit-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
background-image: -moz-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);}
.copyright{padding:20px 0px; text-align:center; color:#fff;font-size:16px;  font-family:sns,"黑体"; position:relative;}

.fp-watermark{display:none;}
.movedown{position:fixed; right:10px; bottom:6%; width:30px; height:36px; background:url(../images/move.png) no-repeat; background-size:100% auto; display:none; z-index:100; animation: move 3s infinite linear;}
@keyframes move {
  0% {
    bottom: 6%;
    opacity: 1;
  }
  50% {
    bottom: 8%;
    opacity: 0.7;
  }
  100% {
    bottom: 6%;
    opacity: 1;
  }
}
@-webkit-keyframes move {
  0% {
    bottom: 6%;
    opacity: 1;
  }
  50% {
    bottom: 8%;
    opacity: 0.7;
  }
  100% {
    bottom: 6%;
    opacity: 1;
  }
}
.ychf img{max-width:100%; height:auto;}
.ychf{position:relative;}
.ychf .ychf-container{margin-bottom:20px; position:relative;}
.ychf .lvideo{position:relative; width:70%; min-height:400px;}
.ychf .lvideo img{border-radius:8px;}
.ychf .rlist{position:absolute; left:71%; top:0px; bottom:0px; width:29%; height:100%; background-color:#244068; border-radius:8px;}
.ychf .rlist .hctitle{padding-left:20px; font-size:24px; line-height:48px; color:#fff;
border-top-left-radius:8px; border-top-right-radius:8px;
background-image: linear-gradient(0deg, #9a9de0, 100%, #80B8EB);
background-image: -webkit-linear-gradient(0deg, #9a9de0 100%, #80B8EB);
background-image: -moz-linear-gradient(0deg, #9a9de0 100%, #80B8EB);
}
.ychf .vlist{width:100%; background-color:#244068; overflow:hidden; overflow-x:scroll; border-radius:8px;}
.ychf .vlist ul{width:2600px;}
.ychf .vlist li{float:left; margin-right:15px; display:inline;}
.ychf .vlist li:last-child{margin-right:0px;}
.ychf .vlist li a{padding-top:30px; width:242px; height:135px; display:block; border-radius:8px;}
.ychf .vlist li a:hover, .ychf .vlist li.active a{text-decoration:none;}
.ychf .vlist ul.city li a{background:url(../sub/images/ychf_v01.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.city li a:hover,.ychf .vlist ul.city li.active a{background:url(../sub/images/ychf_v01_o.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.traffic li a{background:url(../sub/images/ychf_v02.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.traffic li a:hover,.ychf .vlist ul.traffic li.active a{background:url(../sub/images/ychf_v02_o.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.contractor li a{background:url(../sub/images/ychf_v03.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.contractor li a:hover,.ychf .vlist ul.contractor li.active a{background:url(../sub/images/ychf_v03_o.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.forum li a{background:url(../sub/images/ychf_v04.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist ul.forum li a:hover,.ychf .vlist ul.forum li.active a{background:url(../sub/images/ychf_v04_o.jpg) no-repeat center center; background-size:100% auto;}
.ychf .vlist li a .vname{margin-bottom:5px; width:100%; height:40px; color:#fff; font-size:14px; line-height:18px; text-align:center; display: flex; align-items: center; justify-content: center;}
.ychf .vlist li a .gkhf{margin:0 auto; width:90px; height:32px; color:#fff; font-size:14px; line-height:32px; text-align:center; border:1px solid #fff; border-radius:32px;}

.ychf .rlist .body{padding:20px 10px; height:calc(100% - 48px); overflow:hidden;}
.ychf .rlist .body li{padding:8px 2px 8px 30px; background:url(../sub/images/circle.png) no-repeat left 5px; cursor:pointer;}
.ychf .rlist .body li.active{background:url(../sub/images/play.png) #2e7ca0 no-repeat left 5px; background-size:24px 24px;}
.ychf .rlist .body li:last-child{margin-bottom:0px;}
.ychf .rlist .body li .vtime{font-size:14px; color:#b8c1fc;}
.ychf .rlist .body li .vname{font-size:16px; color:#fff;}
.ychf .rlist .body li .vauthor{font-size:14px; color:#d4e0f6;}
.sub-zlzqbg{background:url(../sub/images/bl.png) no-repeat center top;background-size:100% auto;}
.sub-zlzq li{float:left; margin-bottom:40px; width:33.3333%; display:inline;}
.sub-zlzq li>a{margin:0 auto; padding:40px 0px 0px; height:173px; width:100%; width:280px;color:#fff; font-size:16px; display:block; background:url(../sub/images/zlzq_01.png) no-repeat; background-size:100% 100%;}
.sub-zlzq li>a:hover{background:url(../sub/images/zlzq_01_o.png) no-repeat; background-size:100% 100%;}
.sub-zlzq li>a .zlname{padding:0px 10px; height:70px; text-align:center;}
.sub-zlzq li>a .zlbtn{margin:0 auto; width:100%; max-width:120px;  text-align:center;}
.sub-zlzq li>a .zlbtn p{height:32px; line-height:32px; text-align:center;border:1px solid #d6d6d6; border-radius:32px;}
.sub-zlzq li>a:hover .zlbtn p{
background-image: linear-gradient(-45deg, #9A9DE0, 70%, #80B8EB);
background-image: -webkit-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
background-image: -moz-linear-gradient(-45deg, #9A9DE0 70%, #80B8EB);
}
.sub-zlzq li>a:hover{text-decoration:none;}

.pop-overlay {width: 100%;background: rgba(0,0,0,.75);position: fixed;left: 0;top: 0;bottom: 0;right: 0; display: none; z-index: 8000;}
.pop-videoBox {position: fixed; width: 60%;left: 50%; top:50%; transform: translateY(-50%) translateX(-50%);padding: 20px;background: #fff;text-align: center;border-radius: 5px;}
.pop-videoBox video {width: 100%;}
.pop-close {width: 36px;height: 36px;position: absolute;top: -18px;right: -18px;display: block;background: transparent url(https://cn.uniview.com/pub/2021_CPSE/images/close.png) no-repeat center center;opacity: .8;}
.pop-close:hover {opacity: 1;}


@media (max-width: 1440px) {
/*.slogan{background:url(../images/mark.png) no-repeat left center;background-size:70% auto;}
.slogan img.hidden-xs{width:60%;}*/
.slogan .fhtime{left:48%;}
}
@media (max-width: 1366px){
.slogan .subpage01{top:24%;}
}
@media (max-width: 1200px) {
.slogan .fhtime{left:0px; right:0px; width:100%; text-align:center;}
.slogan .fhtime img{margin:0 auto 10px; width:170px;}
.slogan .fhtime img:first-child{margin:0 auto 10px; display:block;}
}
@media (max-width: 979px) {
.sidebar,.bmnavi{display:none;}
.slogan .fhtime{left:0px; right:0px; width:100%; text-align:center;}
.slogan .fhtime img{margin:0 auto 10px; width:170px;}
.slogan .fhtime img:first-child{margin:0 auto 10px; display:block;}
}


@media (max-width: 767px) {
.w1280{padding:0px 10px;}
.mb136,.mb100{margin-bottom:60px;}
.aiot-headline{margin-bottom:28px; padding-top:20px;}
.aiot-headline img{width:130px;}
.aiot-headline p{font-size:14px; line-height:20px;}
.sdzc li:nth-child(even){margin-top:0px;}
.sdzc{padding:0;}
.sdzc ul{margin:0;}
.yc-list{display:none;}
.zcyc{height:100%;max-height:100%;}
.zcyc .yc-content{margin:0 auto; width:96%; max-width:100%; background:url(../images/m_yc_bg.png) no-repeat; background-size:100% 100%;}
.zcyc .yc-content .body{padding:20px 20px; min-height:auto;}
.zcyc .yc-content .body .h3title{text-align:left;}
.zcyc .yc-content .body h3{margin-bottom:10px; background:none; font-size:24px;}
.zcyc .yc-content .body .yctable{width:100%; display:block; vertical-align:top;}
.zcyc .yc-content .body .yctd{width:100%; display:block; vertical-align:top;}
.zbjb .next,.zbjb .prev,.sjgs .next,.sjgs .prev{display:none;}
.sdzc li{margin-bottom:20px; width:50%; padding:0px 10px;}
.header_bg{width:100%; background-color:transparent; }
.header .nav{display:none;}

.slogan{width:100%; height:auto; background:none; min-height:auto;}
.slogan .body{padding-top:90px; width:100%;}
.slogan .body h1{padding:0px 10px;}
.slogan h1{margin-top:0px;}
.slogan h1 img:first-child{margin-bottom:80px;}
.slogan .fhtime{margin:110px auto 0px; width:155px; text-align:center;}
.slogan .fhtime img{margin:0 auto; display:block;}
.slogan .fhtime img:first-child{margin-bottom:10px;}

.zcycTab{margin-bottom:10px; display:block;}

.zlzq{margin-bottom:30px;}
.zlzq p.tip{font-size:12px;}

.sdzc li .sd01 a:hover,
.sdzc li .sd02 a:hover,
.sdzc li .sd03 a:hover,
.sdzc li .sd04 a:hover{background:none;}
.ycitem{padding-left:100px;}
.ycitem p{margin-bottom:15px;}
.ycitem p.ct{margin-bottom:5px; font-size:12px; line-height:14px;}
.ycitem p.cn{margin-bottom:0px; font-size:12px; line-height:14px;}
.ycitem p.cd{font-size:12px; line-height:14px;}
.ycitem .time{left:0px; width:auto; padding-right:24px; font-size:12px;}
.header{height:50px;}
.slogan .fhtime img,.slogan .fhtime img:first-child{width:150px;}
.sdzc li a .subscribe{position:absolute; left:0px; right:0px; bottom:20px; text-align:center;}
.sdzc li a .subscribe img{margin-bottom:12px; width:100px; height:auto;}
.sdzc li a .subscribe .btns{float:none; margin:0 auto;}
.zbjb .jbitem{max-width:116px;}
.zbjb .jbitem .title p{ line-height:14px;}
.zbjb .jbitem img{width:100%; max-width:108px;}
.story{padding:0px 10px; text-align:center; overflow:hidden;}
.story img{margin:0 auto; width:320px;}
.zbjb .jbitem .title{position:absolute; left:5px; bottom:5px;}
.zbjb .jbitem .title p.pn{margin-bottom:0px; font-size:12px;}
.zbjb .jbitem .title p.pp{font-size:12px;}
.video_bg{display:none;}
.logo_xs{display:block;}
.bgAnimation{display:block;}
.zc-smartcity{background:url(../sub/images/sub_smart_city_xs.jpg) #152b54 no-repeat center top; background-size:100% auto;}
.zc-traffic{background:url(../sub/images/sub_traffic_xs.jpg) #152b54 no-repeat center top; background-size:100% auto;}
.zc-contractor{background:url(../sub/images/sub_contractor_xs.jpg) #152b54 no-repeat center top; background-size:100% auto;}
.zc-forum{background:url(../sub/images/sub_forum_xs.jpg) #152b54 no-repeat center top; background-size:100% auto;}
.subwrapper .header{height:48px; display:flex; align-items:center; justify-content:space-between;}
.slogan .subpage01{position:static; left:auto; top:auto; text-align:center; width:100%;}
.slogan .subpage01 .box{position:static; right:auto; top:auto; margin:0 auto; width:80%;}
.slogan .subpage01 .box>img{width:100%;}
.slogan .subpage01 a{margin:30px auto 0px; width:155px; max-width:auto; text-align:center; height:auto; display:block;}
.slogan h1 .subpage01 img:first-child{margin:0px;}
.slogan .subpage01 a:last-child{margin:30px auto 0px; }
.slogan .subpage01 p{margin:80px auto 0px; padding:0px; width:100%; font-size:14px; line-height:20px;}
.header .nav{display:none;}
.header .meun-btn{display:block;}
.ychf .rlist .body{overflow:hidden; overflow-y:scroll;}
.ychf .vlist{display:none;}
.ychf .vlist li{margin-right:10px;}
.ychf .vlist li a{padding-top:0px; width:180px; height:101px; display:flex; align-items:center;}
.ychf .vlist li a .vname{margin-bottom:0px; width:100%; height:auto; color:#fff; font-size:14px; line-height:18px; text-align:center;}
.ychf .vlist li a .gkhf{display:none;}
.sub-zlzq li{float:left; margin-bottom:20px; width:50%; display:inline;}
.sub-zlzq li>a{margin:0 auto; padding:20px 0px 0px; height:142px; width:230px;}
.pop-videoBox {width: 90%;padding: 5px;}
}
@media (max-width: 480px) {
.header{display:flex; justify-content: space-between;-webkit-box-align: center;align-items: center;}
.header .logo{position:relative; z-index:9999;}
.slogan .body h1{padding:0px 10px;}
.zbjb ul li{width:50%;}
.zbjb .jbitem .title p.pp.gys{font-size:10px;}
.hzzx{margin:0 auto; width:350px;}
.hzzx li{margin-bottom:70px; width:50%;}
.hzzx li a{max-width:100px; font-size:14px; }


.zlzq{padding-bottom:50px;}
.zlzq ul{margin:0 auto; width:100%: max-width:348px;}
.zlzq li{float:none; margin-bottom:15px; width:100%; display:block;}
.zlzq li>a{margin:0 auto; padding:0px 10px; height:48px; width:100%; max-width:348px; color:#fff; font-size:16px; display:table; background:url(../images/zlzq_xs.png) no-repeat; background-size:100% auto;}
.zlzq li>a .zlname{width:210px; padding:0px; height:auto; text-align:left; display:table-cell; vertical-align:middle;}
.zlzq li>a .zlname img{width:90px; height:auto;}
.zlzq li>a .zlbtn{width:100px; display:table-cell; vertical-align:middle;}
.zlzq li>a .zlbtn p{height:24px; line-height:24px; font-size:14px; border-radius:12px;}
.zlzq li>a:hover{background:url(../images/zlzq_xs.png) no-repeat;}





.ychf{padding-bottom:20px;}
.ychf .ychf-container{margin-bottom:10px;}
.ychf .lvideo{margin-bottom:15px; position:relative; width:100%; min-height:auto;}
.ychf .rlist{position:static; left:auto; top:auto; bottom:auto; width:100%; height:280px; background-color:#244068;}
.ychf .rlist .hctitle{padding-left:20px; font-size:18px; line-height:36px;}
.ychf .vlist li a{width:120px; height:68px;}
.sub-zlzq{padding-bottom:50px;}
.sub-zlzq ul{margin:0 auto; width:330px;}
.sub-zlzq li{float:none; width:100%; display:block;}
.sub-zlzq li>a{margin:0 auto; padding:0px 10px; height:64px; width:330px; color:#fff; font-size:16px; display:table; background:url(../sub/images/zlzq_xs.png) no-repeat; background-size:100% auto;}
.sub-zlzq li>a .zlname{width:210px; padding:0px; height:auto; font-size:14px; text-align:left; display:table-cell; vertical-align:middle;}
.sub-zlzq li>a .zlbtn{width:100px; display:table-cell; vertical-align:middle;}
.sub-zlzq li>a .zlbtn p{height:24px; line-height:24px; font-size:14px; border-radius:12px;}
.sub-zlzq li>a:hover{background:url(../sub/images/zlzq_xs.png) no-repeat;}
.subwrapper .bmnavi{display:none;}
	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -16px; }

.bmnavi{display:none;}
.movedown{display:block;}
.copyright{padding:0px;font-size:14px;}

}