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

.clearfix:before,
.clearfix:after,
.nav: before,
.nav: after{display: table; content: " ";}
.clearfix:after,
.nav:after{clear: both;}

body{background-color: #021b43; color: #FFFFFF; font-family: "黑体";}
.abh-container,.abh-container-business,.abh-container-album{margin: 0 auto; width: 100%; max-width: 1920px; height: auto;}
.header{margin: 0 auto; width: 100%; height: 80px; background-color: rgba(73, 163, 214, .6); position: fixed; left: 0px; right: 0px; top: 0px; z-index: 800;}
.header .body{margin: 0 auto; width: 100%; max-width: 1280px; height: 80px; display: table;  table-layout: fixed;}
a {color: #fff; background-color: transparent;}
a:active,
a:hover {outline: 0; text-decoration: none;}
.logo{padding-left: 20px; width: 179px; display: table-cell; vertical-align: middle; box-sizing: border-box;}
.logo img{max-width: 100%; height: auto;}
.nav{display: table-cell; vertical-align: middle; text-align: right;}
.nav ul{float: right;}
.nav li{float: left; display: inline;}
.nav a{padding: 0px 22px; font-size: 18px; line-height: 80px; font-weight: bold; display: block;}
.online-inquire{position: fixed; right: 50px; bottom: 150px; padding: 8px 0px 12px; width: 60px; height: 60px; background:linear-gradient(#7390db,#64c1e5); z-index: 9999; border: 2px solid #fff;}
.online-inquire .i{margin: 0 auto; width: 40px; height: 40px; background: url(../images/inquire2.png) no-repeat center center; background-size: 90% 90%;}
.nav a:hover{color: #fff; background-color: rgba(255,255,255,.1);}
.footer{margin: 0 auto; width: 100%; height: 70px; line-height: 70px; font-size: 16px; text-align: center; color: #fff; background-color: #000;}
/*.nav-xs{position: absolute; right: 20px; top: 25px; width: 32px; height: 32px; cursor: pointer; overflow: hidden; display: none;}
.nav-xs img{width: 100%;}*/
.slogan{margin: 0 auto 100px; width: 100%; max-width: 1920px; height: 100%; max-height: 1080px; /*background: url(../images/bg01.jpg) no-repeat; background-size: 100% auto;*/ position: relative; z-index: 600;}
.slogan h1{position: absolute; left: 0px; top: 0px; text-indent: -9999px;}
.slogan img, .live img, .live img, .hall img,.album li img, .abh-container-news li .img img{max-width: 100%; height: auto;}
.subscribe{width: 140px;height: 54px; position: absolute; right: 17%; top: 60%;}
h2.headline{margin: 0px auto 80px; padding-bottom: 40px; text-align: center; background: url(../images/arrow.png) no-repeat center bottom;}

.live{margin: 0 auto; width: 100%; max-width: 1280px; position: relative; z-index: 700;}
.live-play{position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -28px; width: 160px; height: 56px; border: 1px solid #fff; border-radius: 2px; font-size: 18px; text-align: center; cursor: pointer; line-height: 56px; color: #fff;}
.live-play:hover{background-color: rgba(255, 255, 255, .3);}

a.live-subscribe{position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -40px; padding:6px 15px; width: 180px; height: 80px; border-radius: 2px; border: 1px solid #fff; background-color: rgba(255, 255, 255, .3); display: block;}
a.live-subscribe span{padding: 5px 0px; font-size: 18px; line-height: 24px; text-align: center; cursor: pointer; color: #fff; display: block; letter-spacing:4px;}
a.live-subscribe span:first-child{border-bottom: 1px solid #fff; letter-spacing:0px;}
a.live-subscribe:hover{background-color: rgba(255, 255, 255, .5);}

a.live-watch{position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -40px; padding:6px 0px; color: #fff; font-size: 16px; text-align: center; width: 140px; height: 40px;border-radius: 2px; border: 1px solid #fff; background-color: rgba(255, 255, 255, .3); display: block;}
a.live-watch:hover{background-color: rgba(255, 255, 255, .5); color: #fff;}

ul.live-data{margin: -120px auto 100px; width: 100%; max-width: 800px; height: 120px; position: relative; background: rgba(50,140,193,.3); display: table;}
ul.live-data li{width: 33.3333%; font-size: 14px; font-size: 18px; color: #fff; text-align: center; display: table-cell; vertical-align: middle;}
ul.live-data li label{display: block; text-align: center; font-size: 24x; font-weight: bold;}
ul.live-data li strong{margin: 0 5px; color: #2fb8f9; font-size: 36px; font-family: arial; font-weight: normal;}

.live-bg{width: 100%; max-width: 1280px; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; background-image: url(../images/live_bg.jpg); background-position: center top; background-size: cover;}
.live-box{width: 100%; max-width: 800px; height: 120px; position: absolute; left: 50%; bottom: 0px; margin-left: -400px; border-radius: 0px; box-shadow: 0 10px 20px rgba(0,0,0,0.5); overflow: hidden; z-index: 1; box-sizing:content-box; }
.live-box::before {content: ''; position: absolute;top: 0; left: 0; right: 0; bottom: 0; -webkit-filter: blur(30px); -moz-filter: blur(30px); -ms-filter: blur(30px); -o-filter: blur(30px); filter: blur(30px); z-index: -1; margin: -30px; background-image: url(../images/live_bg.jpg); background-position: center top; background-size: cover; background-attachment: fixed;}
ul.dd {width: 100%; display: table; vertical-align: middle;}
ul.dd li{width: 33.3333%; display:table-cell; vertical-align: middle; height: 120px;}
ul.dd li p{font-size: 18px; color: #fff; text-align: center;}
ul.dd li p.nmb{font-size: 24x; font-weight: bold;}
ul.dd li strong{margin: 0 5px; color: #2fb8f9; font-size: 36px;}

/*	直播大厅视频	*/
.video-panel{margin-bottom: 100px; width: 100%; height: 100%; max-height: 576px; position: relative;}
.video-screen{width: 80%; max-width: 1024px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.video-list{position: absolute; right: 0%; top: 0px; bottom: 0px; width:20%; height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.video-list img{max-width: 100%; height: auto;}
.video-list img:hover{opacity: .6;}
.video-list ul{max-height: 576px;}
.video-list li a{padding: 0px 0px 10px 10px; display: block;}
.video-list::-webkit-scrollbar {width: 10px; height: 16px;}
.video-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: transparent;}
.video-list::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #8fa4bd;}
/*	直播大厅视频	*/

.hall{margin: 0 auto 150px; width: 100%; max-width: 1280px; position: relative;}
/*.hall .tab{position: absolute; left: 0px; bottom: 10%; width: 100%; height: 100%; animation: move 1.8s infinite linear;}*/
.hall .tab{width: 100%; min-height: 300px; position: relative;}
.hall .desc{text-align: center; font-size: 16px; color: #fff; line-height: 32px;}
.hall .tab .case{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; animation: move 4s infinite linear;}
.hall .tab ul{width: 100%; display: table;}
.hall .tab li{width: 20%; display: table-cell; text-align: center; vertical-align: top;}
.hall .tab li.p1{padding-top: 50px;}
.hall .tab li.p2{padding-top: 120px;}
.hall .tab_xs{display: none;}

.abh-container-business{margin-bottom: 0px; padding-bottom: 1px; width: 100%; height: 100%; background: url(../images/bg04.jpg) no-repeat center bottom; background-size: 100% auto;}
.business{margin: 0 auto 150px; width: 100%; max-width: 1280px; }
.business ul.tab{margin: 0 auto 30px; width: 100%; height: 80px; display: table; background-color: #149ad9;}
.business ul.tab li{width: 16.6667%;font-size: 22px; font-family: 黑体; line-height: 80px; text-align: center; display: table-cell; vertical-align: middle; cursor: pointer;}
.business ul.tab li a{display: block;}
.business ul.tab li a:hover, .business ul.tab li.active a{color: #fff; background: linear-gradient(#2fb7f8,#5797ca); text-decoration: none;}
.business .body{width: 100%; padding: 80px 65px; min-height: 450px; background: url(../images/yewu.jpg) no-repeat; background-size:  auto 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.business .text{margin-bottom: 20px; padding-left: 40px; font-size: 26px; color: #fff; background: url(../images/point.png) no-repeat left center;}
.business .desc{margin: 0px 0px 35px 20px; padding: 3px 18px; font-size: 18px; display: inline-block; background: rgba(255,255,255,.1);}
.business .desc:last-child{margin: 0px 0px 0px 20px;}
.business .body .business-detail{display: none;}
.business .body .business-detail:first-child{display: block;}

.album{margin: 0 auto; width: 100%; max-width: 1280px;}
.album li{float: left; width: 25%; padding: 20px; display: inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.album .more{padding-right: 20px; text-align: right;}
.album .more a{padding-right: 30px; background: url(../images/icon_more.png) no-repeat right center;}

.album .more a{color: #fff; font-size: 16px;}
.abh-container-album{margin-bottom: 130px;}
.abh-container-news{margin: 0px auto; padding-bottom: 180px; width: 100%; height: 100%; background: url(../images/bg06.jpg) no-repeat center bottom; background-size: 100% auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.abh-container-news ul{margin: 0 auto; width: 100%; max-width: 1280px; display: block;}
.abh-container-news li{float: left; width: 25%; display: inline; height: 100%; max-height: 480px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.abh-container-news li .box{padding: 0 22px;}
.abh-container-news li img{max-width: auto; max-height: 166px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.abh-container-news li .block{padding: 15px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.abh-container-news li .img{height: 166px; background-color: #fff; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.abh-container-news li .block.bsmall{height: 134px; background-color:#235b84; overflow-y: hidden;}
.abh-container-news li .block.bmedium{height: 290px; background-color:#235b84;overflow-y: hidden;}
.abh-container-news li .block.blarge{height: 314px; background-color:#235b84;overflow-y: hidden;}
.abh-container-news li .block.bsmall.topradius{border-top-left-radius: 10px; border-top-right-radius: 10px;}

.abh-container-news li .space{margin-bottom: 46px;}
.abh-container-news li .time{margin-bottom: 10px; font-size: 12px; color: #eee; line-height: 20px;}
.abh-container-news li .time span{float: right; line-height: 20px;}
.abh-container-news li .name{font-size: 16px; color: #fff; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.abh-container-news li .text{margin-top: 20px; font-size: 14px; line-height: 24px; color: #eee;}


/*sub page*/
body.sub{background-color: #f2f3f5;}
.sub .header{ background-color: rgba(0, 117, 183, .8);}
.sub-container{margin: 0 auto; max-width: 1920px;}
.sub-banner{padding-top: 40px; height: 526px; background:url(../images/sub/traffic.jpg) #03317c no-repeat right top; background-size: auto 100%;}
.sub-banner.hospital{background:url(../images/sub/hospital.jpg) no-repeat right top;}
.sub-banner.education{background:url(../images/sub/education.jpg) no-repeat right top;}
.sub-banner.community{background:url(../images/sub/community.jpg) no-repeat right top;}
.sub-banner.management{background:url(../images/sub/management.jpg) no-repeat right top;}

.sub-banner .box{margin: 0 auto; width: 100%; max-width: 1280px; min-height: 500px; display: table;}
.sub-banner .intro{padding: 0 50px 50px; display: table-cell; vertical-align: middle;}
.sub-banner .intro .tt{width: 50%; max-width: 560px;}
.sub-banner h1{margin-bottom: 20px; font-size: 48px;}
.sub-banner p{font-size: 18px; line-height: 28px;}

/*
.video-list{padding-left: 240px;}*/

.video_slide_box{margin-top: -130px; margin-bottom: 100px; position:relative; z-index:2; overflow:hidden;}
.video-content{margin:0 auto; padding-left: 240px; width:100%; max-width:1280px; position:relative;}
.video-content.less3{padding-left: 20px;}
.video-content.less2{ max-width:780px;}
.video-nav{position: absolute; left: 0px; bottom: 0px; width: 240px;}
.video-nav img{max-width: 100%; height: auto; margin-left:30px; cursor: pointer;}
.video-content-slide { width:150%; }
.video-content.less3 .video-content-slide{width: 400px; float: right;}
.swiper-slide img{max-width: 100%; height: auto; border-radius: 5px;}
.vbox{position: relative;}
.vbox span{position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; background: url(../images/sub/play.png) no-repeat; background-size: 64px 64px;}

h2.subheadline{margin-bottom: 50px; font-size: 36px; text-align: center; color: #333;}
.case-intro{margin: 0 auto; padding-bottom: 100px; width: 100%; max-width: 1920px; background-color: #f2f3f5;}
.case-intro .body{margin: 0 auto; padding: 30px 60px; width: 100%; max-width: 1280px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 8px #ccc;}
.tab_box{position:relative; height:60px; overflow:hidden; width: 100%;}
.tab_content {margin-top:-3px; padding-top: 40px; border-top:3px solid #d9d9d9;}

/*#tab_menu{position:absolute; top:0; left:0; z-index:1; width: 100%;}
#tab_menu li{float: left; padding:0px; width:25%; font-size:20px; color:#333; height:60px; line-height:60px; display:block; cursor:pointer; text-align: center;}
#tab_menu li.active{color:#149ad9; font-weight:bold; height:38px;}
#tab_menu li.active span{display: inline-block; border-bottom: 3px solid #149ad9; line-height: 55px; height: 60px; overflow: hidden;}
#tab_menu li.col2{width: 50%;}
#tab_menu li.col3{width: 33.3333%;}
*/


#tab_menu{position:absolute; top:0; left:0; z-index:1; width: 100%; display: flex;flex-wrap: nowrap;justify-content: space-around;}
.col-4 #tab_menu{justify-content: space-between;}
#tab_menu li{color: #333; font-size:24px; color:#333; height:60px; line-height:60px; display:block; cursor:pointer; text-align: center;}
#tab_menu li.active{color:#149ad9; font-weight:bold;}
#tab_menu li span{display: inline-block; border-bottom: 3px solid #d9d9d9; line-height: 55px; height: 60px; overflow: hidden;}
#tab_menu li.active span{border-bottom: 3px solid #149ad9;}





.case-detail{width: 100%; display: table; table-layout: fixed;}
.case-photo{width:60%; display: table-cell; vertical-align: middle;}
.case-photo img{max-width: 100%; height: auto;}
.case-text{padding-left: 20px; width: 40%; display: table-cell; vertical-align: top; color: #333;}
.case-text h3{margin-top: 18px; padding: 20px 0px 10px 24px; border-top: 1px dashed #d1d1d1; font-size:16px; line-height: 24px; color: #149ad9;}
.case-text h3.icon01{background: url(../images/sub/icon01.png) no-repeat 0px 24px; background-size: 16px 16px;}
.case-text h3.icon02{background: url(../images/sub/icon02.png) no-repeat 0px 24px; background-size: 16px 16px;}
.case-text li{padding-left: 25px; font-size:14px; line-height: 24px; color: #333; background: url(../images/sub/icon03.png) no-repeat 0px 5px;}

.case-solution{margin: 0 auto; padding: 50px 0px 0px; width: 100%; max-width: 1920px; background: #f5f8fa;}
.case-solution .body{margin: 0 auto; width: 100%; max-width: 1280px; min-height: 500px; display: table; table-layout: fixed;}
.solution-col{width: 50%; display: table-cell; vertical-align: top;}
.solution-col img{max-width: 100%; height: auto;}
.solution-col .photo{padding: 0px 40px 0px 0px; position: relative; display: none;}
.solution-col .photo img{border-radius: 5px; box-shadow: 0px 3px 10px #bbb;}
.solution-col .photo .desc{position: absolute; left: 40px; right: 80px; bottom: 40px;}
.solution-col .photo .desc h4{margin-bottom: 15px; color: #fff; font-size: 24px;}
.solution-col .photo .desc p{font-size: 16px; line-height: 24px;}

.solution-item{margin-bottom: 15px; padding: 18px 20px; height: 60px; transition-duration: .3s; transition-property: all; transition-timing-function: linear; transition-delay: 0s; box-shadow: 0px 3px 10px #bbb;}
/*.solution-item .solution-desc{width: 100%; height:0px; display: none;}*/
.row-3 .solution-item{padding: 28px 20px; height: 80px;}
.solution-item-tel{padding: 25px 20px; height: 80px; background: url(../images/sub/case_highway_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%; box-shadow: 0px 3px 10px #bbb;}
.solution-item.highway{background: url(../images/sub/case_highway_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.airport{background: url(../images/sub/case_airport_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.railway{background: url(../images/sub/case_railway_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.traffic{background: url(../images/sub/case_traffic_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.hospital01{background: url(../images/sub/hospital_case_01_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.hospital02{background: url(../images/sub/hospital_case_02_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.education01{background: url(../images/sub/education_case_01_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.education02{background: url(../images/sub/education_case_02_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.education03{background: url(../images/sub/education_case_03_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.community01{background: url(../images/sub/community_case_01_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.community02{background: url(../images/sub/community_case_02_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.community03{background: url(../images/sub/community_case_03_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.management01{background: url(../images/sub/management_case_01_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.management02{background: url(../images/sub/management_case_02_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.management03{background: url(../images/sub/management_case_03_xs.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}

.solution-item .solution-title{display: block; transition-duration: .3s; transition-property: all; transition-timing-function: linear; transition-delay: 0s;}
.solution-item .solution-desc{display: none; transition-duration: .3s; transition-property: all; transition-timing-function: linear; transition-delay: 0s;}
.solution-item h4{padding: 0px; font-size: 18px; font-weight: bold; line-height: 24px; cursor: pointer;}
.solution-item h5{margin: 0px 0px 10px; padding: 0px; font-size: 18px; font-weight: bold; line-height: 24px;}
.solution-item p{padding: 0px; font-size: 16px;}
.solution-item-tel p{padding-left: 40px; font-size: 20px; line-height: 30px;  height: 30px; background: url(../images/sub/tel.png) no-repeat; background-size: auto 100%;}
.solution-item-tel p a{color: #fff; text-decoration: none;}
.solution-item-tel p a:hover{color: #fff; text-decoration: underline;}
.solution-item .solution-title p{margin:10px 0px 30px; display: none;}

/*.solution-item.highway.active,
.solution-item.airport.active,
.solution-item.railway.active,
.solution-item.traffic.active{height:146px; background: url(../images/sub/case_bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden}*/
.solution-item.active{height:146px; background: url(../images/sub/case_bg.jpg) no-repeat left center; background-size: 100% 100%; overflow: hidden}
.solution-item.active .solution-title{display: none;}
.solution-item.active .solution-desc{display: block;}

.row-3 .solution-item h4{padding: 0px; font-size: 18px; font-weight: bold; line-height: 24px;}
.row-3 .solution-item.active{height:180px; }

.sub-contact{padding: 40px 0px; line-height: 32px; text-align: center; background:url(../images/sub/foot.jpg) #03317c no-repeat; background-size: 100% auto;}
.sub-contact .desc{font-size: 24px;}
.sub-contact .tel{font-size: 18px;}
.sub-contact .tel strong{font-size: 20px;}
.sub-contact .tel a{color: #fff;}
.sub-contact .tel a:hover{color: #fff; text-decoration: underline;}

.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(../images/close.png) no-repeat center center;opacity: .8;}
.pop-close:hover {opacity: 1;}

@keyframes move {
  0% {
    top: 0%;
    opacity: 1;
  }
  50% {
    top: 11%;
    opacity: 0.7;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes move {
  0% {
    top: 0%;
    opacity: 1;
  }
  50% {
    top: 11%;
    opacity: 0.7;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
.menu_xs{position: absolute; right: 20px; top: 13px; width: 24px; height: 24px; background: url(../images/menu.png) no-repeat; background-size: 24px auto; background-position: 0px 0px; transition-duration: .1s; transition-property: all; transition-timing-function: linear;}
.novideo{margin-top:100px;}
@media (min-width: 767px) {
.videoBox {width: 50%;}
}

@media (max-width: 979px) {
.nav a{padding: 0px 12px;}
.logo img{width: 159px;}

}
@media (max-width: 767px) {
.novideo{margin-top:40px;}
.header{position: relative;}
.header, .header .body{height: 50px;}
.menu_xs{cursor: pointer;}
.menu_xs.active{background-position: 0px -24px;}
.logo{display: block;}
.logo img{margin-top: 13px; width: 120px;}
.nav{position: absolute; left: 0px; right: 0px; top: 50px; width: 100%; display: none; text-align: left; background-color: #4599c9; box-shadow: 0px 5px 5px rgba(0, 0, 0, .2), inset 0px 3px 3px rgba(0, 0, 0, .1);}
.nav ul,.nav li{float: none; display: block;}
body.home .header{z-index：800}
body.home .header .body{position: relative; z-index: 800;}
body.home .nav ul{position: relative; z-index: 800;}
body.home nav{z-index: 800;}
body.home .slogan{z-index: 600;}
.nav a{padding: 0px 15px; display: block; color: #fff; font-size: 16px; line-height: 50px;}
.nav a:hover{color: #fff;}
.nav li{border-bottom: 1px solid #fff;}
.nav li:last-child{border-bottom: none;}
.subscribe{width: 140px;height: 54px; position: absolute; left: 50%; top: 55%; margin-left: -75px;}
.business ul.tab{border-bottom: 1px solid #eee;}
.business ul.tab li{width: 100%; display: block; line-height: 42px; text-align: left; border: 1px solid #eee; border-bottom: none;}
.business ul.tab li.active{border: none;}
.business ul.tab li a{padding-left: 15px;}
.abh-container-news li{margin-bottom: 45px; width: 50%; display: block;}
.business .body{width: 100%; padding: 0px; min-height: auto;/* background: url(../images/yewu.jpg) no-repeat center bottom; background-size: auto 100%;*/ box-sizing:border-box;}
.mb-businessTab{padding-left: 15px; font-size: 16px; color: #fff; background: #0080bc; text-decoration: none; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; position: relative;}
.mb-businessTab span{position: absolute; right: 10px; top: 7px; width: 24px; height: 24px; background: url(../images/down.png) no-repeat; background-size: 100% 100%; display: block;}
.mb-businessTab.active span{transform:rotate(180deg)}
.mb-businessTab.active{background: linear-gradient(#32b5f5,#549ace); border-bottom:1px solid transparent;}
.mb-businessTab:first-child{/*border-top: 1px solid #eee;*/}
.business-detail{padding: 20px 15px; background: url(../images/yewu.jpg) no-repeat center bottom; background-size: auto 100%;}
.business .text{margin-bottom: 12px; padding-left: 30px; font-size: 18px;}
.business .desc{margin: 0px 0px 35px 0px; padding: 15px 15px 15px 25px; font-size: 16px;}
.business .desc:last-child{margin: 0px;}
.live{margin: 0 auto 10px; }

ul.live-data{margin: 0 10px 100px; width: auto; max-width: 100%; height: auto; background: none; display: block;}
ul.live-data li{margin-bottom: 16px; padding-left:20px; width: 100%; font-size: 14px; color: #fff; height: 46px; text-align: left; background: linear-gradient(to right, #533db7,#4b89ca); line-height: 46px; display: block;}
ul.live-data li label{margin-right: 5px; text-align: left; font-size: 24x; font-weight: bold; display: inline; }
ul.live-data li strong{margin-right: 5px; font-size: 24px; font-family: arial; font-weight: normal;}

.album li{float: left; width: 50%;}
.online-inquire{right: 15px; bottom: 50px; border-radius: 30px;}
.footer{height: 50px; line-height: 50px;}

a.live-subscribe{margin-left: -75px; margin-top: -40px; padding:6px 15px; width: 150px; height: 80px;}
a.live-subscribe span{padding: 3px 0px; font-size: 16px; line-height: 24px; letter-spacing:0px;}

/*	直播大厅视频	*/
.video-panel{margin-bottom: 40px; padding:0px 10px; max-height: auto;}
.video-screen{width: 100%; max-width: 100%;}
/*.video-screen video{margin: 0px auto; width: 100%; max-width: 600px; height: 360px; }*/
.video-list{position: static; width:100%; height: 75px; overflow: hidden; overflow-x: auto;}
.video-list img{max-width: 100%; height: auto;}
.video-list ul{padding: 10px 0px 0px; width: 840px;}
.video-list li{float: left; width: 120px; display: inline;}
.video-list li a{padding: 0px 5px 0px 0px; display: block;}
/*	直播大厅视频	*/

/*sub page*/

.sub-banner{height: 350px;}
.sub-banner .box{min-height: auto;}
.sub-banner .intro{padding: 0 20px 30px;}
.sub-banner .intro .tt{width: 70%; max-width: 100%;}
.sub-banner h1{margin-bottom: 15px; font-size: 32px;}
.sub-banner p{font-size: 16px; line-height: 24px;}
.video_slide_box{margin-top: -100px;}
.video-content{padding: 0px 20px;}
.video-content.less2{ max-width:80%;}
.video-nav{display: none;}
.sub-banner .intro .tt{width: 85%; max-width: auto;}
.video-content-slide{width: 120%;}

.tab_content{margin-top: 0px; padding-top: 0px; border-top: none;}
.case-intro .body{padding: 0px 0px; border-radius: 0px; box-shadow: none;}
.mb-caseTab{padding-left: 15px; font-size: 18px; color: #333; text-decoration: none; height: 48px; line-height: 48px; border-bottom: 1px solid #eee; position: relative;}
.mb-caseTab span{position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; background: url(../images/sub/sub_down.png) no-repeat; background-size: 100% 100%; display: block;}
.mb-caseTab.active span{background: url(../images/sub/sub_down_on.png) no-repeat; background-size: 100% 100%; transform: rotate(180deg);}
.mb-caseTab.active{color: #149ad9; border-bottom:1px solid transparent;}
.mb-caseTab:first-child{border-top: 1px solid #eee;}
.case-detail{padding: 20px; display: block; background: #f2f3f5; box-shadow: 0px 0px 8px #eee inset;}
.case-photo{margin-bottom: 20px; width: 100%; display: block;}
.case-text{padding-left: 0px; width: 100%; display: block; }
.case-text p{font-size: 14px;}
.case-solution .body{padding: 10px; display: block; min-height: 600px;}
.solution-col{width: 100%; display: block;}
/*.solution-item{padding: 0px 0px 20px;}*/
.solution-col .photo{/*padding: 0px; margin: 0 auto; width: 100%; max-width: 624px; text-align: center;*/ display: none;}
.solution-item.active .solution-title{display: block;}
.solution-item.highway.active{background: url(../images/sub/case_highway.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.airport.active{background: url(../images/sub/case_airport.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.railway.active{background: url(../images/sub/case_railway.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}
.solution-item.traffic.active{background: url(../images/sub/case_traffic.jpg) no-repeat; border-radius: 5px;background-size: 100% 100%;}

.solution-item.highway.active,
.solution-item.airport.active,
.solution-item.railway.active,
.solution-item.traffic.active{height:330px; background: url(../images/sub/case_bg.jpg) no-repeat; background-size: 100% 100%;}
.row-3 .solution-item.active{height:330px; }
.row-3 .solution-item.hospital02.active{height:360px; }
.row-3 .solution-item.management01.active,.row-3 .solution-item.management03.active{height:300px; }
.row-3 .solution-item.management02.active{height:260px; }

.row-3 .solution-item.community01.active{height:300px; }
.row-3 .solution-item.community02.active{height:290px; }
.row-3 .solution-item.community03.active{height:300px; }

.solution-col .photo .desc{text-align: left; left: 20px; right: 20px; bottom: 20px;}
.solution-item .solution-title p{display: none;}
.solution-item.active .solution-title p{display: block;}
.pop-videoBox {width: 90%;padding: 5px;}

}
@media (max-width: 480px) {
.header, .header .body{height: 50px;}
.logo img{width: 120px;}
h2.headline{margin: 0px auto 40px; padding-bottom: 30px; background-size: 40px auto;}
h2.headline img{width:158px;}
.subscribe{width: 120px;height: 46px;top: 39%; margin-left: -60px;}
.business, .hall{margin-bottom: 100px;}
.live-play{position: absolute;margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; font-size: 16px; line-height: 40px;}
.hall .tab{display: none;}
.business .text{background-size: 20px 20px;}
.hall .tab_xs{width: 100%; display: table; height: 80px; table-layout: fixed;}
.hall .tab_xs .col3{width: 33.3333%; display: table-cell; vertical-align: middle;}
.hall .tab_xs .col2{width: 50%; display: table-cell; vertical-align: middle;}
.hall .tab_xs a{margin: 0 auto; width: 90px; height: 30px; font-size: 16px; color: #fff; line-height: 30px; border: 1px solid #cbd1e7; border-radius: 3px; box-shadow: 0px 0px 12px #225676; text-align: center; background: linear-gradient(#6256dc,#99c2ed); display: block;}

.abh-container-news li .box{padding: 0 10px;}
.abh-container-news li .block{border-radius: 10px;}
.abh-container-news li{float: none; margin-bottom: 20px;  width: 100%; display: block;}
.abh-container-news li .block.bsmall,
.abh-container-news li .block.bmedium,
.abh-container-news li .block.blarge{height: auto;}
.abh-container-news li .img,
.abh-container-news li .text{display: none;}
.abh-container-news li .space{margin-bottom: 20px;}
.album{position: relative; overflow:hidden;}
.album .swiper-prev{position: absolute; z-index: 999; left: 30px; top: 50%; margin-top: -30px; width: 24px; height: 24px; background: url(../images/left.png); background-size: 120% auto;}
.album .swiper-next{position: absolute; z-index: 999; right: 30px; top: 50%; margin-top: -30px; width: 24px; height: 24px; background: url(../images/right.png); background-size: 120% auto;}
.abh-container-news{padding-bottom: 50px;}
.abh-container-business{background: none;}

/*sub page*/
h2.subheadline{margin-bottom: 30px; font-size: 24px;}
.sub-banner{height: 350px;}
.sub-banner .intro{padding: 0 20px 30px;}
.sub-banner .intro .tt{width: 100%; max-width: auto;}
.sub-banner .box{min-height: auto;}
.video_slide_box{margin-top: -70px;}
.video-content-slide{width: 260%;}
.video-content.less3 .video-content-slide{width: 100%; float: none;}

.sub-banner h1{margin-bottom: 15px; font-size: 28px;}
.vbox span{margin-left: -24px; margin-top: -24px; width: 48px; height: 48px; background-size: 48px 48px;}
.sub-banner p{font-size: 14px;}
.sub-contact .desc{font-size: 16px;}
.sub-contact .tel{font-size: 14px;}
.sub-contact .tel strong{font-size: 16px;}
.case-intro{padding-bottom: 0px;}
.row-3 .solution-item{padding: 18px 20px; height: 60px;}
.solution-item-tel{padding: 15px 20px; height: 60px;}
}