@charset "utf-8";
/* CSS Document */
body{ background: url(../images/zb-banner.jpg) no-repeat center top #fff;}

.top-header{height: 37px !important; line-height: 37px !important; border-bottom:none !important;background:rgba(255,255,255,0.5) !important;}
.header-container .hc-left-box .icon-line{ background: #444;}
.top-header a,.top-header li{ color:#444;}
 
.content-box{ width:1210px;}
.minddle-main{ background: none !important;}
.logoBanner{width:1200px; margin: 0 auto;padding-top:25px;}
.logo{ width:337px;}
.logo img{width: 100%;}

.bannercy{width:906px; height: 230px;margin:0 auto;  }
.minddle-main{ width:100%; margin: 0 auto; margin-top:30px;}
.zbCenterBox{ width:100%; background: #fff;padding:15px; box-sizing: border-box; border-radius:5px; padding-bottom:0;}

.location{ width:100%;margin: 0 auto;line-height:26px; height:35px; background:url(../images/locai1.png) no-repeat 5px 4px;  padding-left:30px; font-size:14px; z-index: 99;border-bottom:1px solid #dedede; box-sizing: border-box;}
.location a{ margin:0px 5px;}
.akmgBox,.gmzykBox{ width: 97%;margin: 0 auto;margin-top:10px;}

.akzbBox{ width:100%;margin-top:15px;}
.zbtit{ width:100%; height: 45px; line-height: 45px; background: url(../images/zbtit-line1.png) no-repeat center right; position: relative;}
.zbtit2{background: url(../images/zbtit-line2.png) no-repeat center right;}
.zbtit h3,.zbtit span{ display: block;}
.zbtit span{ position: absolute; top:10px; right: 35px; width:68px; height: 22px; line-height: 22px; background: #036cb0; border-radius: 5px; color: #fff; text-align: center; font-size: 16px;}
.zbtit span a{ color: #fff;}

.zbliveBox{ width:100%; margin-top:15px;}
.zbliveBox li{ float: left; margin-right:12px; margin-bottom:15px;}
.zbliveBox li .zbpic{ width:100%; border-top-left-radius: 5px; border-top-right-radius:5px; overflow: hidden; }
.zbliveBox li .zbpic img{border-top-left-radius: 5px; border-top-right-radius:5px;  width:100%; text-align: center;}
.zbliveBox li .zbtxt{ width:100%; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; background: #f5f5f5; height: 45px; line-height: 45px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.zbliveBox li.stream1{ width:400px;}
.zbliveBox li.stream1 .zbpic{ width:400px; height: 334px !important;}

.zbliveBox li.stream2{ width:375px;}
.zbliveBox li.stream2 .zbpic{ width:375px;height: 137px; }

.zbliveBox li.stream3{ width:375px; margin-right:0;}
.zbliveBox li.stream3 .zbpic{ width:375px;height: 137px; }

.zbliveBox li.stream4{ width:270px;}
.zbliveBox li.stream4 .zbpic{ width:270px;height: 137px; }

.zbliveBox li.stream5{ width:270px;}
.zbliveBox li.stream5 .zbpic{ width:270px;height: 137px; }

.zbliveBox li.stream6{ width:201px;margin-right:0;}
.zbliveBox li.stream6 .zbpic{ width:201px;height: 137px; }

.vryunyou{ width:100%; margin-top:14px; background: url(../images/zb-bg2.jpg) no-repeat center top; box-sizing: border-box;}
.vryunyou .zbCenterBox{ background:none;}

.cloudyou{ width:100%;margin-top:15px; height: 290px;}
.cloudyou  .bd{margin-top:20px;}
.cloudyou  .bd ul li{ width:380px; margin-right:15px; border-radius: 5px; position: relative; float: left;}
.cloudyou .bd ul li .zbpic{ width:380px; height: 246px; border-radius: 5px; overflow: hidden;}
.cloudyou .bd  ul li .zbpic img{width:100%;}
.cloudyou .bd ul li .zbtxt{ width: 380px; height:59px; position: absolute; left: 0; bottom:0; background: url(../images/zbtittmbg.png) repeat-x; line-height: 75px; color: #fff; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; text-align: center;}
.cloudyou .bd ul li .zbtxt a{ color: #fff;}
.cloudyou .hd{width:90px; margin: 20px auto;  height: 8px; overflow: hidden;}
.cloudyou .hd li{ width: 24px; height: 8px; background: #fff; border-radius: 10px; margin:0 3px; float: left;cursor: pointer; font-size: 0; line-height: 0; }
.cloudyou .hd li.on{ background: #f13c3c;}

.whzbBox{ width:100%;margin-bottom:30px;}
.wbzblist{ width:100%; margin-top:15px;}

.wbzblist li{ float: left; margin-right:12px; margin-bottom:15px;width: calc(25% - 12px);}
.wbzblist li .zbpic{ width:100%; border-top-left-radius: 5px; border-top-right-radius:5px; overflow: hidden; }
.wbzblist li .zbpic img{border-top-left-radius: 5px; border-top-right-radius:5px;  width:100%; text-align: center;}
.wbzblist li .zbtxt{width:100%; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; background: #f5f5f5; height: 45px; line-height: 45px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wbzblist li .zbtxt a{width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding: 0 10px;box-sizing: border-box;}