@charset "gb2312";
/* CSS Document */
/****************************
 * version:1.0
 * By:landry 
 * Date:2015-06-02
 *
 */
/*大体架构
 ----------*/
body,html {
    color: #666;
    font-family:'Helvetica','Microsoft YaHei';
    width: 100%;
    font-size:12px;
    background: #F7F7F7;
}
body{
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");}



img {
    border: 0;
    vertical-align: middle;
    display:block;
    outline: none;
}
.container{
    margin: 0 auto;
    width: 100%;
    min-width: 1000px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
    overflow: hidden;
}
/*.index{
    min-width: 1200px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1200?"1200px":"");
    
}*/
/*.supage{background: #FBFBFB;}*/

a{ text-decoration:none;color: #666;}
a:hover{ color:#ed1c24;}

/*颜色�?
 --------------*/
.orange {
    color: #ffe400;
}
.blue {
    color: #699BCC;
}

/*层级*/
.z-index{z-index: 30;}

/*清除�?��
 --------------*/
.clear {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: 0;
    clear: both;
    line-height: 0;
}
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/*清�?文字内�?
 --------------*/
.txtIndent {
    text-indent: -9999em;
}
/*用于seo不显示的内�?
 --------------*/
.seo {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.seo, .hideImg {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.hideImg {
    overflow: hidden;
}
.hideImg img {
    width: 0;
    height: 0;
    overflow: hidden;
}
/*左浮动和右浮�?
 --------------*/
.float_l {
    float: left;
}
.float_r {
    float: right;
}
.float_r, .float_l {
    _display: inline;
}

/*灰遮�?*/
.cover{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; background: #000;opacity: 0.5;filter: alpha(opacity=50);text-indent: -1000px;overflow: hidden;}
#overlay{ background:#333; opacity:0.3; box-shadow: 4px 0 10px #999; position:absolute; left:0; top:0; height:100%; width: 100%; display:none; z-index: 9;}



/**主体**/
/*鼠标经过图片缩放*/
.pics{display: block; height: 100%; overflow: hidden;}
.pics:hover img {
-webkit-transition: .3s linear;
-moz-transition: .3s linear;
-o-transition: .3s linear;
-ms-transition: .3s linear;
transition: .3s linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
}

/*�?��按钮*/
.button{background:#d31b2a; line-height: 36px; cursor: pointer; font-family: 'Microsoft YaHei'; letter-spacing: 4px; font-size: 14px; width: 100%; color: #fff; outline: none; border: 0; padding: 0;}
.button:hover{background: #df2835;}
.text{font-size: 12px; width: 100%; line-height: 16px;  border: 1px solid #DEDEDE;}

/*焦点图轮�?*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
/**头部文件**/
.header .top{position: relative; z-index: 103; background: #F7F7F7; line-height: 35px; border-bottom: 1px solid #DFDFDF; font-family: 'Simsun';}
.header .top-box{max-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1200px":""); position: relative; margin: 0 auto; }
.header .here{font-size: 13px;}
.header .here .name{float: left; padding: 0 0 0 20px; background: url(http://vip.jjl.cn/statics/jjlyx/images/ico_01.png) 0 center no-repeat;}
.header .city{float: left; position: relative;}
.header .city .city-name{position: relative; z-index: 2; line-height: 23px; display: inline-block;_margin:5px 0 0; margin-top:5px; border: 1px solid #D71C2F; border-radius: 1px; background:url(http://vip.jjl.cn/statics/jjlyx/images/ico_06.png) 80% center no-repeat; padding: 0 30px 0 11px;}
.header .city .city-name:hover{background:url(http://vip.jjl.cn/statics/jjlyx/images/ico_06-hover.png) 80% center no-repeat;}
.city-box{position: absolute; top: 29px; width: 564px; display: none; left: 0; background: #fff; border: 1px solid #D41B2B; padding: 20px 10px;}
.city-box a{float: left; width: 60px; text-align: center; padding: 0 5px; display: block; color: #666; font-size:14px; line-height: 28px;}
.city-box a:hover{color: #000;}
.city:hover .city-box{display: block;}
.city:hover .city-name{border-bottom: 1px solid #fff;}

.header .top-right{font-size: 0; position: relative;}
.header .top-right a{font-size: 12px; line-height: 36px; display: inline-block; vertical-align: middle;}
.header .login-btn{padding: 0 0 0 20px; background: url(http://vip.jjl.cn/statics/jjlyx/images/ico_02.png) 0 center no-repeat; color: #D31A2A;}
.header .top-right span{font-size: 12px;display: inline-block; vertical-align: middle; height: 12px; line-height: 12px;}
.header .top-right .pipe{width: 1px; font-size: 0; background: #DFDFDF; margin: 0 20px;}
.header .top-right .attend-btn{background:url(http://vip.jjl.cn/statics/jjlyx/images/ico_06.png) right center no-repeat; margin: 0 24px 0 0; padding: 0 20px 0 0;}
.header .top-right .attend-btn:hover{background:url(http://vip.jjl.cn/statics/jjlyx/images/ico_06-hover.png) right center no-repeat;}
.header .top-right .enter{color: #d31b2a; background:url(http://vip.jjl.cn/statics/jjlyx/images/ico_08.png) center center no-repeat; padding: 0 34px 0 18px; width: 63px;}


.head .head-box{position: relative; z-index: 11; background: #F7F7F7; max-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1200px":"");margin: 0 auto; padding: 9px 0 17px;}
.head-box .logo{width: 196px; height: 65px; display: block; background: url(http://vip.jjl.cn/statics/jjlyx/images/logon.png) no-repeat;}
.index .head-box .logo{background: url(http://vip.jjl.cn/statics/jjlyx/images/logon.png) no-repeat;}
.index .header,
.index .head .head-box{background: #ffffff;}

.head-box .hot-terms{color: #b7b7b7; line-height: 28px; font-family: 'Simsun';}
.head-box .hot-terms a{color: #b7b7b7; padding: 0 0 0 4.05%;}
.head-box .hot-terms a:hover{color: #ed1c24;}
.head-box .search-box{position: absolute; width: 493px; margin: 0 0 0 -246px;left: 50%;top: 9px;}
.head-box .search{padding: 15px 0 0; width: 493px; position: relative;}
.head-box .search .text{width: 404px; padding: 6px 10px; height: 16px;float: left;}
.head-box .search-btn{position: absolute; right: 0; top: 15px; background: #df2835 url(http://vip.jjl.cn/statics/jjlyx/images/ico_05.png) center center no-repeat; width: 68px; height: 30px; line-height: 30px;}
.head-box .search-btn:hover{background: #df2835 url(http://vip.jjl.cn/statics/jjlyx/images/ico_05.png) center center no-repeat;}
.head-box .tel-box{position: absolute; right: 0; top: 0; /*width: 225px;*/ font-size: 16px; padding: 38px 0 0; line-height: 22px;}
.head-box .tel-box span{font-size: 18px; color: #bb1019;}

.header .top-left{width: 183px;}
.header .switch{float: left; margin: 0 2px 0 0;}
.header .switch a{padding: 0 37px 0 25px; display: inline-block; background:#fff url(http://vip.jjl.cn/statics/jjlmt/images/ico_12.png) 49px center no-repeat;}
.header .top-left .icon{float: left; width: 32px; height: 36px; display: inline-block; margin: 0 1px 0 0;}
.header .top-left .sina{background:#fff url(http://vip.jjl.cn/statics/jjlmt/images/ico_03.png) center center no-repeat;}
.header .top-left .weixin{background:#fff url(http://vip.jjl.cn/statics/jjlmt/images/ico_04.png) center center no-repeat;}
.header .top-box .city{float: left; position: relative; /*color: #bb1019;*/background: #fff;padding: 0 15px;}
.city-box{position: absolute; top: 40px; width: 564px; display: none; left: -18px; background: #fff; border-top: 4px solid #D41B2B;}
.city:hover .city-box{display: block;}
.city-box .arrow{position: absolute; top:-9px; left: 112px; background: url(http://vip.jjl.cn/statics/jjlmt/images/ico_24.png) center center no-repeat; width: 5px; height: 9px; display: inline-block;}
.city-box .city-cont{border: 1px solid #D2D2D2; border-top: none; padding: 18px 0;}
.city-box .city-cont a{float: left; width: 60px; text-align: center; padding: 0 5px; display: block; color: #666; font-size:14px; line-height: 28px;}
.city-box .city-cont a:hover{color: #000;}
.header .top-box .name{font-size: 13px; line-height: 20px; display: inline-block;float: left;line-height: 36px;background: url(http://vip.jjl.cn/statics/jjlmt/images/ico_25.png) 0 center no-repeat;padding: 0 0 0 20px;}
.header .top-box .city p{float: left;}
.header .top-box .city p span{color: #666; line-height: 20px;
	display: inline-block;
	border: 1px solid #D71C2F;
	border-radius: 1px;
	background: url(http://vip.jjl.cn/statics/jjlmt/images/ico_28.png) 80% center no-repeat;
	padding: 0 30px 0 11px;
}





.dzg{ max-width:1200px; margin:0 auto; height:57px; background:#f7f7f7; position:relative; z-index:15;}
.dzg img{ float:left; width:60px; height:57px; position:absolute; left:5px; top:-6px;}
.dzg .dzg_wz{height:60px; margin-left:75px; padding-top:8px;}
.dzg .dzg_wz p{ float:left; max-width:1200px; width:100%;}
.dzg .dzg_wz a{ font-size:12.5px; line-height:20px; float:left; width:4.1%; height:20px; text-align:center;}

.nav{line-height: 46px; position: relative; z-index: 10;}
.index .nav{background: #fff;}
.nav .nav-box{background: #D41B29; max-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1200px":"");margin: 0 auto; color:#fff;}
.nav-box .col-8{float: left; width: 67.83%; position: relative;}
.nav-box li{float: left;cursor: pointer; font-size: 14px; width: 12%; text-align: center;}
.nav-box li .name,
.nav-box li .name-first{color: #fff; font-size: 13px;}
.nav-box li:hover .name-first{color: #d31b2a;}
.nav-box li .name{background: url(http://vip.jjl.cn/statics/jjlyx/images/ico_04.png) 0 center no-repeat; padding: 0 0 0 10px;}
.nav-box li:hover,
.nav-box li.active{background: #fff;}
.nav-box li:hover .name,
.nav-box li.active .name{background:url(https://www.jjl.cn//zt/public/images/ico_03.png) 0 center no-repeat; color: #d31b2a;}
.nav-box .col-8 .nav-cont{
    width: 100%;
    _width: 818px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    position: absolute;
    top: -600px;
    left: 0;
    background: #fff;
    border-bottom: 3px solid #D11A30;
    z-index: -1;

}
.nav-box .col-8 .nav-item{ opacity: 0;transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;padding: 24px 0 57px 3.68%; border-right: 1px solid #ECECEC;}
.nav-cont dl{float: left; width: 12%; _width: 11.8%; text-align: left; margin: 0 3.68% 0 0; line-height: 25px;}
.nav-cont dl.line{width: 0; border: 0; border-right:  1px solid #EDEDED; padding: 0 0 0 1%; height: 205px;  margin: 0 4.28% 0 0;}
.nav-cont dl dt{color: #333; margin: 0 0 5px; padding: 18px 0 0; border-bottom: 1px solid #B2B2B2;}
.nav-cont dl dd{border-bottom: 1px solid #E5E5E5;}
.nav-box .col-4{float: right; width: 27.1%; padding: 0 1.16% 0 3.91%; background: #404145;}
.nav-box .col-4 li{width: 33.33%;}

/*底部*/
.footer {background: #EFEFEF; line-height: 22px; margin: 50px 0 0;}
.footer .attend{width: 240px;}
.footer .foot{max-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1200px":""); margin: 0 auto; color: #949494; font-size: 14px;}
.footer .link-more{font-size: 0; padding: 0 0 12px; width: 100%;}
.footer .link-more a{color: #333; font-size: 14px; vertical-align: middle;}
.footer .link-more a:hover{color: #d31b2a;}
.footer .pipe{width: 1px; display: inline-block; vertical-align: middle; height: 14px; line-height: 14px; background: #B1B1B1; margin: 0 10px;}
.footer .foot p span{padding: 0 26px;}
.footer .share{padding: 9px 0 0; line-height: 22px;height: 22px; overflow: hidden; font-size: 0;}
.footer .share a{background:url(http://vip.jjl.cn/statics/jjlyx/images/share.png) no-repeat; width: 22px; height: 22px;padding-left: 0; margin: 0 14px 0 0; display: inline-block;}
.footer .share .sina{background-position: 0 0;}
.footer .share .sina:hover{background-position: 0 -22px;}
.footer .share .tqq{background-position: -36px 0;}
.footer .share .tqq:hover{background-position: -36px -22px;}
.footer .share .douban{background-position: -71px 0;}
.footer .share .douban:hover{background-position: -71px -22px;}
.footer .share .qzone{background-position: -107px 0;}
.footer .share .qzone:hover{background-position: -107px -22px;}

.footer .attend li{display: inline-block; *display: inline; _display: inline; text-align: center; width: 98px; padding: 0 0 0 20px; white-space: nowrap;}
.footer .attend li img{margin: 0 auto; width: 92px;}

/*右侧�?��*/
.side-btn{position: fixed; _position: absolute; bottom: 50%;  width: 80px; overflow: hidden; right: 0; font-size: 0; margin: 0 0 -175px; height: 350px; z-index: 100; text-align: center; color: #fff;}
.side-btn:hover{overflow: visible;}
.side-btn p{font-size: 14px;}
.side-btn li{position: relative; width: 80px; height: 80px; background: #898989;transition: all 0.9s ease 0s;-webkit-transform: all 0.9s ease 0s;}
.side-btn .li_1{ background:#F8931F;}
.side-btn li:hover{background: #F8931F;}
.side-btn .tel-box{width: 176px; height: 48px; z-index: -1; line-height: 22px;text-align: left; color: #fff; font-size: 13px; padding: 18px 0 14px 14px; background: #F8931F; position: absolute; left: 190px; top: 0;transition: all 0.9s ease 0s;-webkit-transform: all 0.9s ease 0s;}
.side-btn .tel-box p{display: none;}
.side-btn li:hover .tel-box{left: -190px;}
.side-btn .tel-box h2{line-height: 48px; font-size: 24px;}
.side-btn .back-top{display: none;}
.side-btn .icon{background: url(http://vip.jjl.cn/statics/jjlyx/images/ico_23.png) 0 0 no-repeat; width: 100%; height: 51px; display: block;}
.side-btn .icon01{background:url(http://vip.jjl.cn/statics/jjlyx/images/80-80.gif) 0 0 no-repeat; width: 100%; height: 51px; display: block;}
.side-btn .icon02{background-position: center -68px;}
.side-btn .icon03{background-position: center -148px;}
.side-btn .icon04{background-position: center -228px;}
.side-btn .code-box{
    padding: 5px 0 0;
    height: 75px;
    margin: 0 0 5px;
}
.side-btn .code-box img{
    width: 70px;
    margin: 0 auto;
}
.side-btn .close{
    width: 18px;
    height: 19px;
    display: inline-block;
    margin: 0 0 6px 60px;
    background: #C4C4C4 url(http://vip.jjl.cn/statics/jjlyx/images/close.png) center center no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.text-none{
  font-size: 14px;
  padding: 26px 2.46%;
}

/*低版�?��览器提示升级*/
#browser_ie {
    background: #fff;
    display: none;
    color: #000;
    font-size: 15px;
    position: relative;
    z-index: 103;
}
#browser_ie .close{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 18px;
    height: 19px;
    display: inline-block;
    margin: 0 0 6px 60px;
    background: #C4C4C4 url(http://vip.jjl.cn/statics/jjlyx/images/close.png) center center no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#browser_ie .brower_info {
    margin: 0px auto;
    width: 800px;
    padding: 17px 0;
}
#browser_ie .brower_info .notice_info {
    position: relative;
    margin: 15px 0 0;
    float: left;
}
#browser_ie .brower_info .notice_info p{
    text-align: left;
    line-height: 25px;
    width: 360px;
    display: inline-block;
}
#browser_ie .browser_list {
    position: relative;
    float: left;
}
#browser_ie .browser_list img{
    width:56px;
    height: 56px;
}
#browser_ie .browser_list span {
    text-align: center;
    width: 80px;
    display: inline-block;
}