@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;font-family:"Microsoft Yahei","微软雅黑","宋体",Tahoma,Arial,Helvetica,STHeiti;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{ background-color:#f6f6f6; font-size:17px;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul{list-style:none;} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(/about:blank);background-attachment:fixed;}
h1,h2,h3,h4,h5,h6,ul,p,ol,th,dl,dt,form{ margin:0px; padding:0px;}
li{ list-style-type: none; }
a img{ border:none;}
.clear{ clear:both; overflow:hidden; height:1px;}
.clear5{ clear:both; overflow:hidden; height:5px;}
.clear8{ clear:both; overflow:hidden; height:8px;}
.clear10{ clear:both; overflow:hidden; height:10px;}
.clear15{ clear:both; overflow:hidden; height:15px;}
.clear20{ clear:both; overflow:hidden; height:20px;}
.clear25{ clear:both; overflow:hidden; height:25px;}
.clear28{ clear:both; overflow:hidden; height:28px;}
.clear30{ clear:both; overflow:hidden; height:30px;}
.clear40{ clear:both; overflow:hidden; height:40px;}
.clear50{ clear:both; overflow:hidden; height:50px;}
a{text-decoration: none;cursor: pointer;color:#101010;}
a:hover{text-decoration: none;color:#900;}
.date{ float:right; color:#333;}
.yuanjiao{-moz-border-radius: 5px; /* Firefox */-webkit-border-radius: 5px; /* Safari 和 Chrome */border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.nav_top {height: 40px;width: 1200px;margin-right: auto;margin-left: auto;display: block;}
.nav_top {height: 40px;width: 1200px;margin-right: auto;margin-left: auto;display: block;}


/*顶部开始*/
.head{height:40px; background-color:#fff;}
.head_top{ height:35px; background-color:#4392df; color:#fff; font-size:15px;}
.head_top a{ color:#fff;}
.head_topSon{ width:1200px; margin-left:auto; margin-right:auto; height:35px; line-height:35px; display:block;}
.head_banner{height: 723px;background-image: url(/res/hetj/13jie/images/banner1.jpg);background-position: center top;background-repeat: no-repeat;}
.welcome {float: left;width: 20%;height: 40px;line-height: 40px;background-image: url(/res/hetj/13jie/images/post.png);background-repeat: no-repeat;background-position: left center;padding-left: 40px;font-size: 15px;color: #333;}
.return {line-height: 40px;float: right;display: block;height: 40px;width: 13%;text-align: right;
        font-size: 15px;}
.return span {background-image: url(/res/hetj/13jie/images/fh.png);background-repeat: no-repeat;background-position: left center;height: 40px;width: 40px;float: left;display: block;}


.content {
    width: 1200px;
    padding-bottom: 40px;
    margin-left: auto;
    margin-right: auto;}
/*no1新闻 css*/
.News{ height:565px; display:block; background-color: #fff;box-shadow:4px 4px 6px rgba(12,63,133,0.1); padding: 20px; width: 1260px;}
.new_title{ display: block;height: 98px; margin-bottom: 15px;background-image: url(/res/hetj/13jie/images/title_news.png);background-repeat: no-repeat;background-position: center top;}
.new_title a{ display: block;height: 78px;width: 100%;}
.News_img{width: 57%;float: left;height: 445px;display: block; }
#J_bg_ban ul li img{width: 100%;height: 450px;}



/*news*/
.News_list{ width:580px; background-color: #fff; float:right; height:400px; padding: 25px; box-shadow:4px 4px 6px rgba(12,63,133,0.1);}
.News_list2{ width:590px; float:right;}
.column_line{ background-image:url(/res/hetj/13jie/images/column_line.png); background-position:right bottom; background-repeat:no-repeat;}
.newsTitle{height: 46px;}


.columnTitle{width:100%; height:46px; font-size:17px;  color:#fff; line-height:46px; background-color:#fff;}
.columnTitle_img{background-image:url(/res/hetj/13jie/images/tt.jpg); background-position:300px 0px; background-repeat:no-repeat;}
.columnSon{ width:100%; line-height:46px; text-align:right;height:46px;}
.columnSon ul li{height: 46px;line-height: 46px;display: block;float: left;text-align: center;color: #252525;width:155px; }
.columnSon ul li a {width:100%; background-image:url(/res/hetj/13jie/images/icon1.jpg); background-position:left center; background-repeat:no-repeat; height:46px;display: block; font-size:30px; font-weight:bold; color:#333; text-align:right; padding-left:30px;}
.columnMore{ width:67%; height:42px; float:right;} 
.columnMore a{height: 46px;display: block;color:#666;font-size: 15px;line-height: 46px;}

.newInfo{ padding:0px 0 0px 0; height:355px; overflow:hidden;}
.toutiao{  overflow:hidden;display: block;}
.bt {height:auto;font-size: 20px;font-weight: bold;color: #000;text-decoration: none;line-height: 1.8em;overflow: hidden;padding: 10px 10px 5px 10px;text-align: center;display: block;}
.bt a {text-decoration: none;display: block;color: #000;}
.bt a:hover{color: #c70000;}
.dl p {font-size: 14px;line-height: 26px;color: #666;text-decoration: none;text-indent: 2em;height: 54px;}
.dl {height:60px;line-height:28px;  display: block;}
.dl p a {color: #c70000;}
.dl_date{position:absolute; right:0px; width:50px;z-index:100; top:0px; color: #333333;display: block; font-size: 17px;line-height: 40px;height: 40px;}
.dl span {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #959595; height:15px; line-height:10px; display:block; margin-bottom:10px;}
.newInfo ul{  padding-top:10px; padding-bottom:10px;}
.newInfo ul.paddingNone{ padding:0px;}
.newInfo ul li{height: 40px;line-height: 40px;overflow: hidden;color: #333333;display: block;font-size: 17px;clear: both;background-image: url(/res/hetj/13jie/images/huiDian.png);background-position: left center;background-repeat: no-repeat;padding-left: 20px;}
.newInfo ul li:hover{background:url(/res/hetj/13jie/images/lanDian.png) left center no-repeat;}
.newInfo ul li a{ color:#333; width:80%; float:left; height:40px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.newInfo ul li a:hover{color:#c70000;}

/*news */
.news{ height:80px; background-position:left 40px; background-repeat:no-repeat;}

.news a{ height:80px; float:right; line-height:120px; width:60px;}
.newsImg ul li{ padding-top:20px; padding-bottom:40px; clear:both; border-bottom:1px solid #e9e9e9;}
.newImg_title{ height:60px; margin-bottom:15px; line-height:60px; font-size:24px; color:#000; text-align:left; font-weight:bold; background-image:url(/res/hetj/13jie/images/icon1.jpg); background-position:left center; background-repeat:no-repeat; padding-left:50px; display:block;}
.newImg_title a{ color:#000;}
.newImg_title a:hover{ color:#F00;}

.jmImg{ width: 1260px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow:4px 4px 6px rgba(12,63,133,0.1);}


/*在线访谈 人普知识*/
.zx_nongyezhishi {background-image: url(/res/hetj/13jie/images/no2.png);background-repeat: no-repeat;height: 439px;width: 1200px;margin: 0 auto;}
.ft_left{width: 600px;float: left;}
.ft_title{height: 50px; width: 560px;display: block;padding-top: 10px;padding-left: 20px;}
.ft_title a{height: 50px; width: 560px;display: block; }
.zx_fangtan {float: left;height: 336px;width: 560px;padding-left: 20px;padding-top: 20px;}
.zx_fangtan img {height: 336px;width: 560px;display: block;}

.rpzs_right{width: 600px;float: right;}
.zs_title{height: 50px; width: 560px;display: block;padding-top: 10px;padding-left: 20px;}
.zs_title a{height: 50px; width: 560px;display: block; }

.np_zs {float: left;width: 382px;display: block;overflow: hidden;padding-left: 25px;}
.np_zs ul {margin-top: 5px;}
.np_zs ul li {background-image: url(/res/hetj/13jie/images/d3.png);background-repeat: no-repeat;background-position: left 16px;height: 40px;line-height: 40px;}

.np_zs ul li a {color: #4c3b0c;height: 40px;line-height: 40px;display: block;padding-left: 20px;}
.yxzl_list {float: left;width: 582px;display: block;overflow: hidden;}
.yxzl_list ul {margin-top: 5px;}
.yxzl_list ul li {background-image: url(/res/hetj/13jie/images/d3.png);background-repeat: no-repeat;background-position: left 16px;height: 40px;line-height: 40px;display: block;clear:both;}

.yxzl_list ul li a {color: #4c3b0c;height: 40px;line-height: 40px;display: block;padding-left: 20px;float: left;font-size:16px;width:80%;}
.yxzl_list ul li span {color: #4c3b0c;height: 40px;line-height: 40px;display: block;float: right;}
.np_more {float: right;width: 154px;height: 438px;}
.np_more a {display: block;height: 30px;width: 106px;margin-right: auto;margin-left: auto;margin-top: 292px;}

.xysj_box {background-image: url(/res/hetj/13jie/images/yx_bg.png);background-repeat: no-repeat;background-position: center top;display: block;height: 610px;width: 100%;}
.yxsj_con {display: block;width: 1200px;margin-right: auto;margin-left: auto;}
.yxzl_box {display: block;float: left;width: 48.5%;padding-top: 10px;}
.yxzl_title {background-image: url(/res/hetj/13jie/images/title1.png);background-repeat: no-repeat;background-position: center top;display: block;height: 84px;}
.yxzl_title a {display: block;float: right;width: 120px;height: 90px;}

.yxzl_list {display: block;}
.yx_img_left {display: block;height: 451px;width: 546px;float: left;}
.yx_img_left img {display: block;height: 451px;width: 546px;}
.yx_img_left a {display: block;height: 451px;width: 546px;}
.yx_img_right {display: block;float: right;width: 221px;}
.xy_img_top {display: block;height: 165px;width: 221px;margin-bottom: 18px;}
.xy_img_top a {display: block;height: 165px;width: 221px;}
.xy_img_bottom {display: block;height: 165px;width: 221px;}
.xy_img_bottom a {display: block;height: 165px;width: 221px;}
.hqsj_box {display: block;float: right;width: 48.5%;height: 466px;padding-top: 20px;}
.hqsj_title {background-image: url(/res/hetj/13jie/images/title2.png);background-repeat: no-repeat;background-position: center top;display: block;height: 84px;}
.tj_shenghuo_right {background-image: url(/res/hetj/13jie/images/hqsj_bg.png);background-repeat: no-repeat;background-position: center bottom;float: right;width: 581px;height: 455px;}
.tj_shenghuo_right p {display: block;height: 347px;float: left; width: 171px;}
.tj_shenghuo_right p a {display: block;}
.hqsj_title a {background-image: url(/res/hetj/13jie/images/more.png);background-repeat: no-repeat;background-position: right center;display: block;float: right;width: 80px;height: 78px;}
.sj_img_top {display: block;height: 181px;margin-bottom: 17px;}
.sj_img_top a {display: block;float: left;}
.sj_img_bottom {display: block;}
.sj_img_bottom a {display: block;float: left;margin-right: 8px;}

.xctp_box {background-image: url(/res/hetj/13jie/images/title3.png);background-repeat: no-repeat;background-position: center 20px;display: block;height: auto;margin:0 auto;width: 1260px; padding: 20px; padding-top: 40px; background-color: #fff; box-shadow:4px 4px 6px rgba(12,63,133,0.1); height: 350px;}
.xc_title {display: block;height: 78px;width: 1200px;margin-right: auto;margin-left: auto;margin-bottom: 20px;}
.xc_title a {display: block;height: 78px;width: 100%;}



 /*专题*/
.img_link {clear: both;height: 233px;margin-top: 10px;margin-bottom: 10px;width: 100%;margin-right: auto;margin-left: auto;display: block;}
.zt_xx{width: 1260px;position: relative;display: block;margin-right: auto;margin-left: auto;}
.zt_xx .page_list{display: none;}
.left {width: 26px;height: 233px;background-position:left center; position:absolute; left:15px; z-index:100; background-image:url(/res/hetj/13jie/images/lr.png); background-repeat:no-repeat; float:left;cursor: pointer;}
.right {width: 26px;height:233px;background-position:right center; position:absolute; right:15px; z-index:100;background-image:url(/res/hetj/13jie/images/lr.png); background-repeat:no-repeat;float: right; cursor: pointer;}
.center{height: 233px; width:1260px; display:block; } 
.center ul li{width:252px; height:233px; float:left; position:relative;}
.center ul{margin:0px; }
.center ul li div.imgItem{margin: 0px 12px;}
.center ul li span.img{ padding:0 10px; display:block; }
.center ul li span.img a {height:233px;width:100%;display: block;}
.center ul li span.img a img {height:233px;width:100%;}
.center ul li span.img_title{position:absolute; left:12px; right:12px;bottom:0px; height:40px;line-height:40px; text-align:left; display:block; z-index:101; background-image:url(/res/hetj/13jie/images/icon_tm.png); background-repeat:repeat; padding:0px 10px; font-size:15px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; max-height:40px; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:1;-webkit-box-orient:vertical;}

.center ul li:hover span.img_title{position:absolute; left:12px; right:12px;bottom:0px; height:80px;line-height:25px; text-align:left; display:block; z-index:101; background-image:url(/res/hetj/13jie/images/icon_tm.png); background-repeat:repeat; padding:0px 10px; font-size:15px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; max-height:80px; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.center ul li span.img_title a{ color:#fff;}


.ljhg_box {height: 355px;width: 1260px; margin: 0 auto; padding: 20px;  background-color: #fff; box-shadow:4px 4px 6px rgba(12,63,133,0.1);}
.lj_title {display: block;height: 98px; margin-bottom: 30px;background-image: url(/res/hetj/13jie/images/title4.png);background-repeat: no-repeat;background-position: center top;}
.lj_title a {display: block;height: 78px;width: 100%;}
.lshg_list {display: block;margin-right: auto;margin-left: auto;margin-bottom: 26px;height: 190px;position: relative;}
.icon_left {width: 26px;height: 174px;background-position:left center; position:absolute; left:15px; z-index:100; background-image:url(/res/hetj/13jie/images/lr.png); background-repeat:no-repeat; cursor: pointer;}
.icon_right {width: 26px;height: 174px;background-position:right center; position:absolute; right:15px; z-index:100;background-image:url(/res/hetj/13jie/images/lr.png); background-repeat:no-repeat;cursor: pointer;}
.center2{height: 232px; width:1260px; display:block; } 
.center2 ul li{width:252px; height:232px; float:left; position:relative;}
.center2 ul{margin:0px; }
.center2 ul li div.imgItem2{margin: 0px 5px; height: 222px; background-color: #e8e8e8;}
.center2 ul li span.img{ padding:0px; display:block; height: 174px; }
.center2 ul li span.img a {height:174px;width:100%;display: block;}
.center2 ul li span.img a img {height:174px;width:100%;}
.center2 ul li span.img_title2{position:absolute; left:0px; right:0px; height:40px;line-height:40px; text-align:center; display:block; padding:0px 10px; font-size:15px; }

.center2 ul li span.img_title2 a{ color:#333;}

/* 如何获取数据 */
.shujuBox{height:640px;width: 1260px; margin: 0 auto; padding: 20px;  background-color: #fff; box-shadow:4px 4px 6px rgba(12,63,133,0.1);}
.sj_title {display: block;height: 98px; margin-bottom: 30px;background-image: url(/res/hetj/13jie/images/lmBk2.png);background-repeat: no-repeat;background-position: center top;}
.sj_title a {display: block;height: 78px;width: 100%;}
.sjList{ width: 1260px; margin: 0 auto;}
.sjList ul li{ width: 25%; height: 490px; float: left; display: block;}
.sjList ul li a{ margin: 0 10px;  height: 462px; display: block; border: 1px solid #fff; background-color: #fff; box-shadow:2px 4px 6px rgba(12,63,133,0.2);}
.sjList ul li a img{ width: 100%;}


/*foot*/
.foot_box {display: block;width: 100%;}
.foot_title {font-size: 16px;line-height: 40px;color: #FFFFFF;background-color: #c72a2a;text-align: center;display: block;}
.foot_title a {font-size: 16px;line-height: normal;color: #FFF;}
.foot_nr {width: 1050px;margin-right: auto;margin-left: auto;display: block;padding-top: 27px;padding-right: 50px;}
.foot_left {font-size: 15px;line-height: 30px;color: #666666;background-image: url(/res/hetj/13jie/images/red.png);background-repeat: no-repeat;background-position: left top;display: block;float: left;padding-left: 100px;}
.foot_right {display: block;float: right;}

.Phead{background-image:url(/res/hetj/13jie/images/phead.jpg); background-repeat:no-repeat; background-position:center top; font-size:15px; }
.Phead_top{ height:41px; padding:0px 0px; width:100%; margin:0px auto; line-height:41px; overflow:hidden; background-color:#c70000;}
.pBanner{ width:1200px; height:140px; margin:0px auto; background-image:url(/res/hetj/13jie/images/list_img.png); background-repeat:no-repeat; background-position:center center;}
.headTop a{ color:#fff;}
.headTop{ height:41px; display:block; width:1200px; margin:0px auto;}
.headTopLeft{ width:30%; height:41px; padding-left:40px; float:left;color:#fff;background-image: url(/res/hetj/13jie/images/post1.png);background-repeat: no-repeat;background-position: left center;}
.headTopRight{ width:8%; height:41px; padding-left:40px;float:right;background-image: url(/res/hetj/13jie/images/fh1.png);background-repeat: no-repeat;background-position: left center;}
.headTopRight a{ color:#fff;}
.headTopRight a:hover{ color:#fff;}
/*内容部分*/
.pContent{ width:1200px; margin:0px auto; background-color:#fff; min-height:600px;}
.pTitle{ height:50px; border-bottom:1px solid #e4e4e4;}
.pTitle_left{ float:left; height:50px; font-size:20px; font-weight:bold; text-align:center; line-height:50px; color:#333; border-bottom:1px solid #bf0009;padding-right: 20px;padding-left: 20px;}
.pTitle_right{ float:right; height:50px; line-height:50px; font-size:14px; color:#666; padding-right:30px;}
.pTitle_right span{ padding-left:10px; padding-right:10px;}

.pList{ padding:30px 0;}
.pList ul li{ clear:both; height:45px; display:block; padding-left:30px; background-image:url(/res/hetj/13jie/images/icon4.png); background-position:left center; background-repeat:no-repeat; line-height:45px; border-bottom:1px dashed #CCC;padding-right: 20px; font-size:17px;}
.pList ul li:hover{background-image:url(/res/hetj/13jie/images/icon3.png);}
.pList ul li a{ float:left; font-size:17px;}
.pList ul li span{ color:#666;}

/*频道内页样式开始*/
.p_leftnr {text-align: left;font-size: 15px;line-height: 24px;min-height:840px;}
.p_leftnr h1 {font-size: 24px;font-weight: bold;color: #333;line-height:35px; display:block; padding-top: 20px;padding-right: 20px;padding-bottom: 10px;text-align:center;padding-left: 20px;}
.p_leftnr h4 {padding-top: 10px;font-size: 12px;line-height: 24px;color: #666;font-weight: normal;text-align: center;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #D6D6D6;margin-bottom: 20px;padding-bottom: 10px; display:block;}
.nei {padding: 20px;}
/*频道内页样式结束*/


.column {height:50px;width: 1200px;
        margin:0px auto;background-color: #FFF;font-family: "微软雅黑", "Microsoft YaHei", "宋体";border-bottom: 1px solid #970505;}

.column ul {}
.column ul li { width:180px; margin:0px auto; line-height: 50px;height: 50px;display: block; background-color: #f0eced; border-right:1px solid #cfcfcf; border-left:1px solid #fff;}
.column ul li a {line-height: 50px;height: 50px;display: block; text-align:center; color:#e5002a; font-weight:bold; font-size:24px;}
.column ul li a:hover,.column ul li a.on{background-color: #c8000b; color:#fff;}

/* 统计知识 */
.knowledge{height:435px;width: 1260px; margin: 0 auto; padding: 20px;  background-color: #fff; box-shadow:4px 4px 6px rgba(12,63,133,0.1);}
.knowledgeTitle{ display: block;height: 98px; margin-bottom: 15px;background-image: url(/res/hetj/13jie/images/title2.png);background-repeat: no-repeat;background-position: center top;}
.knowledgeTitle a{ display: block;height: 78px;width: 100%;}
.knowledgeList{ display: block;}
.knowledgeList ul{ margin-top:6px; padding: 0 20px;}
.knowledgeList ul li{ border-bottom:1px dashed #b14625;font-size:18px;height:60px;line-height:60px;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:15px;background:url(/res/hetj/13jie/images/icon1.png) left center no-repeat;max-width:100%;max-height:100%;text-size-adjust:none;-webkit-text-size-adjust:none; }
.knowledgeList ul li a{ color:#000;}
.knowledgeList ul li:last-child{border:none;}
.knowledgeList.m-pljd{margin-left:60px;}
.kn_left{ float: left; width: 47%;}
.kn_right{ float: right; width: 46%;}



.g-part4{width:100%;margin-top:100px;}
.g-part4 .m-title{width:1200px;margin-left:auto;margin-right:auto;}
.g_fullScreenImgs{margin-top:50px;}
.g_fullScreenImgs .m_fullImgsWrap{margin-bottom:0;}
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul li{background:none;}
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .mask-left,.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .mask-right{background:#fff;filter:alpha(opacity=70);opacity:.7;}



.right-news {
  position: relative;
  margin-left: 740px;
}

.right-news li {
  position: relative;
  height: 60px;
  background: #f0eae5;
  margin-bottom: 4px;
  border-left: 12px solid #f0eae5;
  padding-left: 20px;
  line-height: 60px;
  background-color: #fff;
  box-shadow: 4px 4px 6px rgba(12,63,133,0.1);
}

.right-news li a {
  display: block;
  position: relative;
  z-index: 2;
}
.right-news li a:hover {
color:#fff;
}
.right-news li > div {
  position: relative;
  z-index: 2;
}

.right-news li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a10b1a;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.right-news li:hover {
  border-left: 12px solid #a10b1a;
  color: #fff;
}

.right-news li:hover:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 0.5;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



.imgs-tb {
  position: relative;
}

.img-left-big-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width:628px;
  height: 350px;
}
.img-left-big-wrap a{ color:#fff;}
.img-left-big-wrap img { width:100%; height:350px;}
.img-left-big-wrap .tb-btn-play {
  position: absolute;
  right: 30px;
  bottom: 58px;
  z-index: 2;
  cursor: pointer;
}

.img-left-big-wrap p {
  position: absolute;
  left: 0;
  bottom: 0;
 right:0px;
  height: 40px;
  font: normal 18px/40px "Microsoft YaHei";
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 20px;
}

.img-right-small {
  position: relative;
  height: 350px;
  margin-left: 648px;
  overflow: hidden;
}

.img-right-small li {
  position: relative;
  float: left;
  width: 303px;
  height: 171px;
  margin-left: 5px;
  margin-bottom: 7px;
}
.img-right-small li a{
  width: 303px;
  height: 171px;
  display:block;
 color:#fff;
}
.img-right-small li img{ width:100%; height:171px;}
.img-right-small li p {
  position: absolute;
  left: 0;
  bottom: 0;
right:0px;
  height: 32px;
  font-size:14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
 line-height:32px;

}

.img-right-small li:nth-child(odd) {
  margin-left: 0;
}

.list-cube {
  max-height: 500px;
  overflow: hidden;
  -webkit-transition: height 1s linear;
  transition: height 1s linear;
}

.list-cube.active {
  max-height: auto;
}

.list-cube li {
  position: relative;
  float: left;
  width: 313px;
  height: 248px;
  margin-left: 2px;
  margin-bottom: 2px;
  color: #fff;
  font: normal 16px 'Microsoft YaHei';
}

.list-cube li:hover .text-layer {
  display: block;
}

.list-cube li.link-bg1 {
  background: url(/res/hetj/13jie/images/bg-cube1.png) center top repeat;
}

.list-cube li.link-bg1 .text-layer {
  display: block;
}
.list-cube li.link-bg2 {
  background: url(/res/hetj/13jie/images/bg-cube2.png) center top repeat;
}



.list-cube li.link-bg3 {
  background: url(/res/hetj/13jie/images/bg-cube3.png) center top repeat;
}

.list-cube li.link-bg3 .text-layer {
  display: block;
}
.list-cube li img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.list-cube li .text-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.5;
}

.shuju1{background: url(/res/hetj/13jie/images/shuju1s.png) center top no-repeat;}
.shuju2 a{display: block;width: 313px;height: 248px;}
.shuju2{background: url(/res/hetj/13jie/images/shuju2s.png) center top no-repeat;}
.shuju3{background: url(/res/hetj/13jie/images/tjgb.png) center top no-repeat;}
.shuju3 a{display: block;width: 313px;height: 248px;}
.shuju4{background: url(/res/hetj/13jie/images/shuju3.png) center top no-repeat;}
.shuju4 a{display: block;width: 313px;height: 248px;}