a:hover,a:focus{ text-decoration: none;}
.row{ margin-left: 0;  }
body{ background:#f7f7f7; font-family:"Microsoft yahei";}
.banner{ background: url(../css/img/bg.jpg) no-repeat top center  ; width: 100%; height: 738px; margin-bottom: 30px;}
.box{ position: relative;}
.container{}
.banner_img{ position: absolute;  width: 804px; height: 574px; left:-141px; top:115px;   }
.banner_img_bg{ position: absolute; left:-141px; top:2px;   width: 804px; height: 574px; background: url(../css/img/banner_img.png) no-repeat left top;}
.banner_title{ position: absolute; width: 281px; height: auto; right:197px; top:231px;}
.banner_title p{ text-align: right; margin-right: 130px; font-family:"Microsoft yahei";   }
.banner_title p.beta{ font-size: 16px; color: #222624;  font-weight: 600;}
.banner_title p.time{ font-size:12px; color:#a8a8a8; margin-right: 137px;}
.banner_title h3{ font-size: 30px; margin-top: 27px; line-height: 48px; }
.banner_des{ position: absolute; width: 300px; height: auto; right:331px; top:540px; font-size: 14px; color: #787878; font-family: "Adobe 宋体 Std L";}
.left{ float:left; position: relative; }
.right{ float:right; }
.look{ margin-left: 15px; width: 246px;}
.content{ margin-right: 15px; width: 920px;  position: relative;}
.current{ width: 228px; border: 1px solid #eeeeee; background: #fff;}
.currentfixed{ position: fixed; top:0px;}
.current h3{ width: 230px; height: 45px; color: #fff; background: url(../css/img/white_eye.jpg) no-repeat left top; font-size: 18px; padding-left: 58px; line-height: 45px; margin-top: 0; margin-bottom: 5px; margin-left: -1px;}
.current ul li{padding: 8px 15px; line-height: 28px; position: relative;  }
.current ul li a{  color:#787878; font-size: 16px;    display: block;  }
.current ul li.cur{ background: url(../css/img/look_bg.png) repeat-y left top;}
.current ul li.cur a{color: #222624;}
.current ul li span{display:none;}
.current ul li.cur span{ position: absolute; right: -8px; top:10px; display: block; background: url(../css/img/sj.png) no-repeat left top; width: 8px; height: 19px;}
.current ul li:hover{ background: url(../css/img/look_bg.png) repeat-y left top;}
.current ul li:hover a{color: #222624;}

.current ul li:hover span{ position: absolute; right: -8px; top:10px; display: block; background: url(../css/img/sj.png) no-repeat left top; width: 8px; height: 19px;}
.current .line{ border-bottom: 1px dashed #c5d1d9;  width: 195px; margin: 5px auto; margin-top: -13px;}
.past{ width: 916px;  margin-left: 267px; margin-top: 18px;   }

.past h3{ color: #222624 ; font-size: 18px; width: 230px; height: 45px;  padding-left: 42px; line-height: 45px; margin-top: 0; margin-bottom: -3px; background: url(../css/img/block_eye.png) no-repeat left center; }
.past ul li{    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden; position:relative; width: 209px; height: 118px; }
.past ul li a{ color: #fff; font-size: 14px; }
.list18 li a.title { text-align: center;}
.text_item{ margin-bottom: 20px; width: 916px; }
.text_item h3{ height: 69px; line-height: 69px; background: #fff; border: 1px solid #eeeeee; margin-top: 0; padding-left: 37px; margin-bottom: 10px;}
.text_item h3 a{ color:#222624; font-size: 24px;}
.text_item .text_content{background: #fff; border: 1px solid #eeeeee; padding: 30px;}
.text_item .text_content p{ font-size: 16px; color: #787878; line-height: 29px; margin-bottom: 20px;}
.text_item .text_content p.text{ text-indent: 2em; }
.editor{ text-align: right; margin-right: 19px;}



/* Large desktop */
@media (min-width: 1200px) {
    .container{ width:1200px;}
}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    #channelNav .navbar .nav > li > a {
        padding: 5px 7px;
    }

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer,.banner{ width:1200px;}
    #channelNav .navbar .nav > li > a {
        padding: 5px 7px;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner{ background: none; width: auto; height: auto; position: relative; margin-bottom: 20px; }
    .box{height: auto;}
    .banner_img{ width: 100%; height: auto;   top:auto;  bottom:0; left:0;  z-index: -1;  }
    .banner_img_bg{ width: 100%; height: auto; position: static;background: none;    }
    /*.banner_img_bg{  position: static;   width: 100%;   background:  url(../css/img/banner_img.png) no-repeat scroll left top ; background-size:100% 86%; }*/
    .banner_title{ width: 49%;  top:auto;  bottom:0;  right: auto; left: 1%; }
    .banner_title p{ text-align: left; margin-right: 0;}
    .banner_title p.time { margin-right:0px;    }
    .banner_title h3{ font-size: 19px; line-height: 27px; height: auto; margin-top: 10px;}
    .left,.right{ float: none;}
    .look,.current,.past,.text_item,.content,.past ul li{width:100%;  }
    .text_item{width:100%;  }
    .row{ margin-left: 10px; margin-right: 10px;}
    .text_item h3{ height: auto; line-height: 32px; padding-bottom: 5px; padding-right: 21px;
        padding-top: 5px; }
    .text_item h3 a{ font-size: 18px;}
    .current{ margin-bottom: 20px;}
    .current h3{ background: #66dec9 url(../css/img/wirte_eye.png) no-repeat 14px center;    width:auto;  }
    .look{ margin-left: 10px; margin-right: 10px; width: auto;}
    .past{ margin:-3px 10px 20px 10px; width: auto; height: auto;}
    .past ul li{height: auto;}
    .list18 li + li{ margin-left: 0;}
    .list18 li img{ margin-bottom: 0;}
    .current ul li.cur span{ display: none;}
    .current .line{ width: 90%;}
    .current ul li.cur{background: url(../css/img/look_bg1.png) repeat left top;}
    .current ul li:hover{ background: url(../css/img/look_bg1.png) repeat left top;}
    .current ul li:hover a{color: #222624;}
    .current ul li:hover span{ display: none;}

    .currentfixed{ position: static;}
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .banner{ background: none; width: auto; height: auto; position: relative;   margin-bottom: 20px;}
    .box{height: auto;}
    .banner_img{ width: 100%; height: auto;   top:auto;  bottom:0;  left:0;  z-index: -1;  }
    .banner_img_bg{ width: 100%; height: auto; position: static;   background: none;   }
    .banner_title{ width: 49%;  top:auto;  bottom:0;  right: auto; left: 1%; }
    .banner_title p{ text-align: left; margin-right: 0;}
    .banner_title p.time { margin-right:0px;    }
    .banner_title h3{ font-size: 19px; line-height: 27px; height: auto; margin-bottom: 0; margin-top: 10px;}
    .left,.right{ float: none;}
    .look,.current,.text_item,.content{width:100%;  }
    .text_item{width:100%;  }
    .row{ margin-left: 10px; margin-right: 10px;}
    .text_item h3{ height: auto; line-height: 32px; padding-bottom: 5px; padding-right: 21px;
        padding-top: 5px; }
    .text_item h3 a{ font-size: 18px;}
    .current{ margin-bottom: 20px;}
    .current h3{ background: #66dec9 url(../css/img/wirte_eye.png) no-repeat 14px center;    width:auto;  }
    .look{ margin-left: 10px; margin-right: 10px; width: auto;}
    .past{ margin:-3px 10px 20px 10px;  width: auto; height: auto;}
    .past ul li{height: auto;}
    .list18 li + li{ margin-left: 0;}
    .list18 li img{ margin-bottom: 0;}
    .current ul li.cur span{ display: none;}
    .current .line{ width: 90%;}
    .current ul li.cur{background: url(../css/img/look_bg1.png) repeat left top;}
    .current ul li:hover{ background: url(../css/img/look_bg1.png) repeat left top;}
    .current ul li:hover a{color: #222624;}
    .current ul li:hover span{ display: none;}
    .currentfixed{ position: static;}
}