@charset "utf-8";
/*
* Site:频道页面
* Author:luochou
* Ver 1.0
* Date:2018/04/24
*/
/*
* reset 清除默认属性
*/
/* *{font-family:"Microsoft Yahei", Tahoma;} */
body,html,h1,h2,h3,h4,h5,h6,p,em,i,form,ul,li,dl,dt,dd{padding:0;margin:0;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
}
body{font-size:12px;width:100%;}
em,i,b{font-style:normal;font-weight:normal;text-decoration:none;}
ul,li{list-style:none;}
h3{font-size:14px;}
a{text-decoration:none;outline:none;cursor:pointer;}
body a:hover{text-decoration: none;}
a img{border:none;display:block;}
img{border:0;}
*html{_background-image:url(about:blank);_background-attachment:fixed;}
input[type="submit"],input[type="button"],button{cursor:pointer;padding:0;}
input[type="text"],input[type="email"],input[type="number"],input[type="password"]{padding:0 0 0 3px;}
:focus,input,select,textarea,button{outline:none;}
textarea{resize:none;}

body{color:#000;font-size:12px;}
.container{width:1002px;margin:0 auto;}  
/* 广告图 */
.adr-box{width:1002px;margin:10px 0}
.adr-list{width:1002px; height: 40px; padding-top: 10px;}
.adr-list img{width: 496px; height: 40px; display: block;}
.adr-left{float: left; width:496px; height: 40px; overflow: hidden;}
.adr-right{float: right; width:496px; height: 40px; overflow: hidden;}
/*滚动文字*/  
.tt_head{width:1000px;height:32px;border:solid 1px #2c4b82;}
.tt_hez{width:126px;height:32px;float:left;display:inline;}
#gd_area{width:872px;height:30px;line-height:30px;overflow:hidden;float:left;}   
.wrap{float:left;width:100000px;}   
#gd_content,#gd_scroll{float:left;}   
#gd_content li,#gd_scroll li{height:30px;font-family:"宋体";font-size:12px;color:#000;padding-left:8px;margin-right:15px;display:inline;float:left;line-height:30px;background:url(http://www.jjckb.cn/1852cjrh/com_dot.gif) 0 14px no-repeat;}   
#gd_content li a,#gd_scroll li a{color:#000;}   
.box_left{float:left;display:inline;width:310px;margin-top:10px;}
.box_mid{float:left;display:inline;width:354px;margin-left:24px;margin-top:10px;}
.box_right{float:right;display:inline;width:290px;margin-top:10px;}

#rolldiv {width:308px;height:195px;}   
#rolldiv * {padding:0;margin:0;font-size:12px;line-height:18px;}   
#rolldiv .jcarousel-skin-tango .jcarousel-container { overflow:hidden;_display:inline-block;}   
#rolldiv .jcarousel-skin-tango .jcarousel-clip { overflow:hidden;}   
#rolldiv .jcarousel-skin-tango .jcarousel-clip-horizontal { width:308px;}    
#rolldiv .jcarousel-skin-tango .jcarousel-item { width:308px;text-align:center;}   
#rolldiv .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left:0;margin-right:15px;} 
/* f1Box */
.f1Box{height:300px;padding-top:10px;}
.pptBox{float:left;position:relative;width:540px; height: 300px;}
.pptBox,.pptImg,.pptImg a,.pptImg a img{width:540px;height:300px;overflow:hidden;}
.pptImg{z-index:0;}
.pptImg a b{height:40px;width:100%;position:absolute;left:0;bottom:0;display:block;background-color:#000;opacity:0.5;filter:alpha(opacity=50);z-index:1;}
.pptImg a span{position:absolute;bottom:0;left:0;z-index:2; width:400px; height:40px; padding-left: 10px; color:#fff;font-size:14px;line-height:40px; overflow: hidden;}
.pptBox .pager{position:absolute;right:10px;bottom:10px;z-index:1;}
.pptBox .pager a{width:9px;height:9px;display:inline-block;margin-right:12px;overflow:hidden;line-height:40px;background-color:#fff;}
.pptBox .pager a.active{background-color:#e6031f;}
.f1Box .news{float:right;width:440px;height:300px;}
.f1Box .news li{padding:9px 0;border-bottom:1px solid #eaeaea;}
.f1Box .news li h3{color:#000;font-size:20px; font-weight: bold; line-height:32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family: "微软雅黑";}
.f1Box .news li p{height: 24px; color:#676767;font-size:14px;line-height:24px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-family: "微软雅黑";}
/* f2Box */
.f2Box{padding:18px 0 10px;}
.f2Box h2{position: relative; height: 52px; border-bottom: 2px solid #ddd;}
.f2Box h2 a{color:#1c3f5d;font:normal 32px/52px "微软雅黑", Tahoma;}
.f2Box h2 i{position: absolute; left: 0; bottom: -2px; width:130px; height: 2px; background-color:#007db9;}
.f2Con{height: 286px; padding-top: 20px;}
.f2Con dl{float:left;width:320px;margin-right:20px;background-color:#f8f8f8; transition:all .3s;}
.f2Con dl:hover{box-shadow: 2px 2px 8px rgba(0,0,0,.4); cursor:pointer;}
.f2Con dl.mr0{margin-right:0;}
.f2Con dl dt{width:320px;height:160px;overflow:hidden;}
.f2Con dl dt img{width:320px;height:160px;display:block;transition:all .3s;}
.f2Con dl dt img:hover{-webkit-transform: scale(1.06);transform: scale(1.06);}
.f2Con dl dd{padding:10px 20px 16px;}
.f2Con dl dd h3{height:28px;color:#555; font-weight: bold; font-size:18px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.f2Con dl dd h3 a{color:#000;}
.f2Con dl dd p{color:#666;font-size:14px;line-height:24px; font:normal 14px/24px "Microsoft Yahei", Tahoma; text-align: justify;}
.f2Con dl dd p a{color:#666;font-weight:bold;}
.f2Con dl dd p a:hover{color:#f00;}
/* f3Box */
.f3Box{padding:20px 0 10px;overflow:hidden;}
.f3Left{float:left;width:720px;}
.f3Left .tab{height:60px;background-color:#f7f7f7;}
.f3Left .tab span{float:left;width:180px;height:60px;display:block;color:#4b4f50;font:bold 28px/60px "微软雅黑";text-align:center;cursor:pointer; transition:all .3s;}
.f3Left .tab span a{height: 60px; display: block; color: #000;transition:all .3s;}
.f3Left .tab span.active{background-color:#e10012;color:#fff;}
.f3Left .tab span.active a{color: #fff;}
.f3Left .tabBox{overflow:hidden;}
.f3Left .tabCon{float:left; width: 700px; padding-top:8px;display:none;}
.f3Left .tabCon dl{position:relative;height:120px;padding:10px 0 10px 220px;border-bottom:1px solid #eee;}
.f3Left .tabCon dl dt{position:absolute;top:10px;left:0; width:200px; height: 120px; overflow: hidden;}
.f3Left .tabCon dl dt img{width:200px;height:120px; transition:all .3s;}
.f3Left .tabCon dl dt img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.f3Left .tabCon dl dd{position:relative;height:120px;padding-right:10px;}
.f3Left .tabCon dl dd h3{height: 28px; padding-bottom:4px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.f3Left .tabCon dl dd h3 a{color:#000;font:bold 18px/28px "Microsoft Yahei", Tahoma;}
.f3Left .tabCon dl dd h3 a:hover{color:#e10012;}
.f3Left .tabCon dl dd p{color:#999;font:normal 14px/22px "Microsoft Yahei", Tahoma; text-align: justify;}
.f3Left .tabCon dl dd .time{position:absolute;bottom:0;left:0;height:20px;}
.f3Left .tabCon dl dd .time p{color:#999;font-size:14px;line-height:20px;}
.f3Left .tabCon dl dd .time p span{width:48px;height:24px;margin-left:6px;display:inline-block;border-radius:4px;background-color:#53bff6;color:#fff;font-size:14px;line-height:24px;text-align:center;}
.f3Left .tabCon .more{width:100%;height:36px;padding-top:8px;border-top:1px solid #eee;text-align:center;}
.f3Left .tabCon .more a{position:relative;height:36px;padding-right:30px;display:inline-block;color:#555;font-size:18px;line-height:36px;}
.f3Left .tabCon .more i{position:absolute;top:12px;right:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #c9c9c9; transition:all .3s;}
.f3Left .tabCon .more a:hover{color:#f00;}
.f3Left .tabCon .more a:hover i{right: -10px;}
.f3Right{float:right;width:260px;}
.f3Right h3{position: relative; height:58px;margin-bottom:20px;border-bottom:2px solid #ddd;}
.f3Right h3 a{color:#007db9; font:normal 28px/58px "微软雅黑", Tahoma;}
.f3Right h3 i{position: absolute; left: 0; bottom: -2px; width:120px; height: 2px; background-color:#007db9;}
.f3Right h3 i.w150{width: 150px;}
.f3Right .imgBox{width:260px;}
.f3Right .imgBox img{width:260px;height:280px;display:block;}
.f3Brand{padding-bottom:26px;}
.f3Newhot{padding-bottom:28px;}
#listenBox{position:relative; width:260px; height:315px; margin:30px auto 0;}
#listenBox ul{position:relative; width:260px; height:315px;}
#listenBox li{z-index:0; position:absolute; width:0px; background:#fff; height:0px; top:146px; cursor:pointer; left:377px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1); padding:3px}
#listenBox li img{width:100%; background:url(http://www.jjckb.cn/1852cjrh/loading.gif) no-repeat center 50%; height:100%; vertical-align:top; border-radius:4px; }
#listenBox li p{position:absolute; left:50%; bottom:-50px; margin-left: -130px; width:260px; line-height:25px; color:#fff; display:none; font-size:17px; color:#5e9ecc; overflow: hidden;}
#listenBox li p span{ display:inline-block; width:100%; height:46px; overflow:hidden; text-align:center; font-size:17px; color:#5e9ecc}
#listenBox li p span a{ color:#000; font:bold 14px/24px "Microsoft Yahei", Tahoma;}