@charset 'UTF-8';
/*reset*/
body,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,tr,th,img,input,select,a,button{
    margin: 0px;padding: 0px;border: 0px;font-family: 'Microsoft Yahei',sans-serif,'SimSun','SimHei';font-weight: normal;}
li{list-style: none;}
a{color: #666;text-decoration: none;}
a:hover{text-decoration: underline;}
.auto-cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wrapper-full{width: 100%;}
.wrapper{width: 1180px;margin: 0 auto;}
* html .clearfix {zoom: 1;}/*ie6*/
*:first-child+html .clearfix{zoom: 1;}/*ie7*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom: 1;}
.undis{display: none;}
.dis{display: block;}
/*float*/
.rel{position: relative;}
.abs{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;height:0;overflow:hidden;zoom:1;}
.col-sub,.col-a,.mod-a{float: left;}
.col-b,.mod-b{float: left;}
.col-main,.col-c,.mod-c{float: right;}
/*start*/
/*mod-header*/
.mod-header{width: 100%;height: 36px;border-bottom: 3px solid #c9c9c9;background-color: #252626;color: #fff;padding-top: 12px;}
.mod-header .weather{margin: 0 10px 0 30px;}
.mod-header .temp{margin: 0 28px 0 10px;}
.mod-header .air{margin: 0 10px;}
/*mod-nav*/
.mod-nav{border-bottom: 4px solid #00b0b3;}
.mod-nav .home{width: 159px;height: 62px;background: url(../images/logo.png) no-repeat;float: left;margin: 5px 50px 0 0;display: inline;}
.mod-nav .home-znl{width: 159px;height: 62px;background: url(../images/logo-znl.jpg) no-repeat;float: left;margin: 5px 50px 0 0;display: inline;}
.mod-nav ul{float: left;display: inline;}
.mod-nav ul li{float: left;height: 90px;line-height: 90px;font-size: 22px;padding: 0 15px;background-color: #fff;transition: background-color 0.25s linear;}
.mod-nav ul li a{color: #333;transition: color 0.25s linear;width: 100%;height: 100%;display: block;}
.mod-nav ul li:hover{background-color: #28cdc8;}
.mod-nav ul li:hover a{color: #fff;text-decoration: none;}
/*float*/
.mod-float{position: fixed;bottom: 30px;display: none;}
.mod-float ul{width: 40px;height: 120px;background: url(../images/float.png) center 0 no-repeat;}
.mod-float ul li{width: 100%;height: 40px;position: relative;}
.mod-float ul li a{width: 100%;height: 100%;display: block;}
.mod-float ul li .qr-cnt{width: 102px;height: 102px;position: absolute;left: 45px;top: -31px;}
/*mod-footer*/
.mod-footer{padding-top: 48px;background: url(../images/bkg-footer.jpg) center 0 no-repeat;margin-top: 35px;}
.mod-footer .footer-box{margin-top: 50px;padding-bottom: 55px;}
.mod-footer dl{width: 535px;height: 142px;border-right: 1px solid #fff;padding-right: 45px;float: left;margin-left: 30px;overflow: hidden;}
.mod-footer dl dt{float: left;margin-right: 27px;}
.mod-footer dl dd{font-size: 14px;line-height: 24px;color: #e6e6eb;}
.mod-footer .contact{margin-left: 50px;float: left;color: #fff;}
.mod-footer .contact .tel{font-size: 30px;font-weight: bold;line-height: normal;margin: 25px 0 5px 0;}
.mod-footer .contact p{line-height: 26px;}
/*main*/
.mod-content{margin-top: 35px;}
.mod-main{width: 790px;float: left;}
/*mod-bread*/
.mod-bread{font-size: 18px;color: #333;}
.mod-bread a{margin: 0 5px;color: #333;}
/*pagination*/
.pagination{margin-top: 70px;}
/*mod-aside*/
.mod-aside{width: 338px;float: right;border: 1px solid #ddd;padding-bottom: 40px;background-color: #fff;}
/*mod-title-border*/
.mod-title-border{border-top: 1px solid #ddd;position: relative;}
.mod-title-border h2{font-size: 24px;color: #333;width: 180px;height: 43px;line-height: 43px;border: 1px solid #ddd;font-size: 24px;text-align: center;
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: #fff;}
.mod-title-border h2 a{width: 100%;height: 100%;display: block;color: #333;}
.mod-title-border h2:hover a{text-decoration: none;}
/*news-list-text*/
.news-list-text{padding-bottom: 8px;}
.news-list-text .mod-title-border{margin-top: 40px;margin-bottom: 50px;}
.news-list-text dl{width: 270px;margin-left: 25px;margin-bottom: 20px;}
.news-list-text dl dt{float: left;width: 110px;height: 70px;margin-right: 12px;display: inline;}
.news-list-text dl dt img{width: 100%;height: 100%;display: block;}
.news-list-text dl dd{font-size: 14px;line-height: 24px;color: #333;max-height: 72px;overflow: hidden;}
.news-list-text dl dd a{color: #333;}
/*news-list-order*/
.news-list-order{padding-bottom: 5px;}
.news-list-order .mod-title-border{margin-top: 40px;margin-bottom: 45px;}
.news-list-order dl{width: 280px;margin-left: 25px;margin-bottom: 24px;}
.news-list-order dl dt{width: 280px;height: 170px;position: relative;}
.news-list-order dl dt h3{width: 80px;height: 30px;line-height: 30px;color: #fff;position: absolute;top: 0;left: 10px;text-align: center;font-size: 14px;}
.news-list-order dl dt img{width: 100%;height: 100%;display: block;}
.news-list-order dl dt span{width: 78px;height: 78px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
    background: url(../images/play.png) center center no-repeat;transition: background 0.25s linear;}
.news-list-order dl dt:hover span{background: url(../images/play2.png) center center no-repeat;}
.news-list-order dl dd{font-size: 16px;color: #333;line-height: 28px;max-height: 56px;overflow: hidden;margin-top: 6px;}
.news-list-order dl dd a{color: #333;}
.news-list-order .order-1{border-top: 2px solid #ffa900;}
.news-list-order .order-1 dt h3{background-color: #ffa900;}
.news-list-order .order-2{border-top: 2px solid #ff3744;}
.news-list-order .order-2 dt h3{background-color: #ff3744;}
.news-list-order .order-3{border-top: 2px solid #00c7f5;}
.news-list-order .order-3 dt h3{background-color: #00c7f5;}
/*vote*/
.mod-vote .mod-title-border{margin-top: 40px;margin-bottom: 52px;}
.mod-vote dl{width: 280px;margin-left: 25px;margin-bottom: 26px;}
.mod-vote dl dt{width: 280px;height: 170px;position: relative;}
.mod-vote dl dt img{width: 100%;height: 100%;display: block;}
.mod-vote dl dd{font-size: 16px;color: #333;line-height: 28px;max-height: 56px;overflow: hidden;margin-top: 6px;}
.mod-vote dl dd a{color: #333;}
.fix:after{display: table;content:'';clear:both;}
.test{height: 70px;position: relative;padding: 0 25px;}
.cube{position:relative;width: 55px;color: #ffffff;text-align: center;/*line-height: 55px;*/font-weight: bold;font-size: 14px;cursor:pointer;transition: all .8s ease}
.btn_yin{background-color:#28cdc8;box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #28cdc8;float: left;}
.btn_yang{background-color: #ff5b51;box-shadow:0 0 0 2px #ffffff, 0 0 0 3px #ff5b51;float: right}
.middle{position:absolute;width: 90%;height: 10px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.barWrap{height: 10px;position: relative;}
.bar{height: 100%; background-color: #ff5b51;width: 100%;border-radius: 5px;}
.progress_yin{height: 100%;width: 30%;background-color:#28cdc8;transition:all .8s ease;border-radius: 5px;}
.indicator_yin{position: absolute;left: 0;top: 14px;transition: all .8s ease  }
.triangle_yin{display:block;width: 0;height: 0;border:7px solid transparent;border-top:14px solid #e23634;border-bottom: none;margin: 0 auto}
.ticket_yin{display:inline-block;color:#333333;font-size: 16px;text-align: center}
.indicator_yang{position: absolute; right: 0;top: 14px;transition: all .8s ease }
.triangle_yang{display:block;width: 0;height: 0;border:7px solid transparent;border-top:14px solid #1176c6;border-bottom: none;margin: 0 auto}
.ticket_yang{display:inline-block;color: #333333;font-size: 16px;;text-align: center}
.mod-aside .mod-vote em{font-weight: bold;margin-right: 3px}
.disable_yin{cursor:default;background-color: #ea7876}
.disable_yang{cursor:default;background-color: #75b6ea}