.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;}



.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;}

.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);}
body.open{height:100%; overflow:hidden;}
.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;}


.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;}

.ychf img{max-width:100%; height:auto;}
.ychf{position:relative;}
.ychf .ychf-container{margin-bottom:20px; position:relative;}
.ychf .lvideo{position:relative; width:70%; }
.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; font-size:16px;}
.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);
}
.novideo{position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-80px; color:#fff; width:300px; height:160px; font-size:16px; line-height:160px; text-align:center; background:url(../images/novideo.png) no-repeat; display:none;background-size:100% 100%;}
.sub-zlzq li>a:hover{text-decoration:none;}
@media (max-width: 1366px){
.slogan .subpage01{top:24%;}
}
@media (max-width: 767px){
.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;}

}
@media (max-width: 480px){
.header{display:flex; justify-content: space-between;-webkit-box-align: center;align-items: center;}
.ychf{padding-bottom:20px;}
.ychf .ychf-container{margin-bottom:10px;}
.ychf .lvideo{margin-bottom:15px; position:relative; width:100%;}
/*.ychf .rlist{position:absolute; left:0px; top:auto; bottom:-370px; width:100%; height:280px; background-color:#244068;}*/
.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; aliggn-item:center; 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:16px; 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; }
}