@charset "utf-8";
/*
 * reset
 * */
* {padding: 0;margin: 0;}
html {min-height:100%;border:none 0;_text-overflow:ellipsis;_background-image:url(about:blank);_background-attachment:fixed;}
body,div,span,p,h1,h2,h3,a,b,i,strong,ul,ol,li,dl,dt,dd,table,tr,th,td,form,textarea,select,input,button,label{color: #666;font: 14px "Microsoft Yahei",arial,"宋体";}
body {background: #FFF;height: 100%;}
a {text-decoration:none;cursor: pointer;}
a:hover {text-decoration:underline;color: #CC3333;}
img {border:0 none; vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
table td,table th{border: 1px solid #a5a5a4;text-align: center;}
button,input,select {vertical-align:middle;color: #333;border: none;outline:none;}
textarea {resize:none; outline:none;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3,h4{font-size: 14px;}
em,i{font-style: normal;}

/*
 * public
 * */
.fl{float: left;}
.fr{float:right;}
.fb{font-weight: bold;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.ptr{position: relative;}
.show{display: block;}
.hide{display: none;}
.clear{zoom:1; clear:both;}
.clear:after { content:''; display:block; clear:both; }
.star-red{display: inline-block;font-size: 14px;color: #FF6600;padding-right: 6px;}
.mt-12{margin-top: -12px;}
.mt12{margin-top: 12px;}
.mt24{margin-top: 24px;}
.mb8{margin-bottom: 8px;}

/*
 * common layout
 * */
#header, #navbar, #main,#bottom{ width:1200px; margin:0 auto;}
#header{height: 60px;padding: 32px 0;}
#logo{float: left;width: 440px;height: 60px;background: url(../img/bjjt2016_logo.png?v=201801191701) no-repeat left top;}
#main .aside{float: left;width: 280px;overflow: hidden;padding-bottom: 10px;}
#main .content{float: right;width: 900px;padding-left: 20px;overflow: hidden;}

/* common layout: yearlist */
#header .year-box {float: right;height: 60px;background: url(../img/nav_evt_bg.png) left top repeat-x;}
#header .yearlist {position: relative;float: left;height: 60px;padding: 0 10px;}
#header .yearlink {display: block;float: left;width: 72px;height: 24px;line-height: 24px;padding-top: 24px;text-align: center;color: #909090;font-size: 13px;text-decoration: none;background: url(../img/ico-evtlist.png) no-repeat left top;}
#header .yearlist:hover .yearlink, #header .active .yearlink {color: #4C2B10;background: url(../img/ico-evtlist.png) no-repeat -68px top;}
#header .evtlist {position: absolute;display: none;top: 54px;left: -102px;width: 286px;z-index: 9;border: 1px solid #CCC;background: #F9F9F9;border-radius: 4px;box-shadow: 0 3px 3px #4C2B10;}
#header .evtlist li{float: left;width: 266px;border-top: 1px dotted #CCC;margin-top: -1px;padding: 8px 10px;}
#header .evtlist li a {display: block;width: 100%;line-height: 24px;color: #999;text-decoration: none;text-align: center;}
#header .evtlist li:hover{background: #eee;}
#header .evtlist li:hover a{color: #CC3333;}

#header .triangle{float: left;margin-top: -10px;margin-left: 139px;width: 0; height: 0; overflow: hidden; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #CCC;}
#header .year-edge1, #header .year-edge2 {float: right;width: 31px;height: 60px;overflow: hidden;}
#header .year-edge1 {background: url(../img/nav_evt_edge.png) -32px top no-repeat;}
#header .year-edge2 {background: url(../img/nav_evt_edge.png) left top no-repeat;}

/* common layout: navbar */
#navbar{margin-top: 14px;}
.nar-cur{float: left;width: 280px;height: 38px;line-height: 38px;text-align: center;font-size: 18px;color: white;border-radius: 5px 5px 0 0;background: #CC3333;}
.nav-ectlist{float: left;width: 910px;height: 36px;padding-left: 10px;border-bottom: 2px solid #CC3333;}
.nav-ectlist li{float: left;}
.nav-ectlist li a{float: left;display: block;height: 36px;line-height: 36px;color: #CC3333;padding: 0 20px;margin: 0 2px;font-size: 18px;text-decoration: none;}
.nav-ectlist li a:hover,.nav-ectlist li.active a{color: #FFF;background: #CC3333;border-radius: 5px 5px 0 0;}

/*common layout: aside - events list*/
.aside .evtlist{float: left;width: 278px;margin-top: -1px;border: 1px solid #CCC;box-shadow: -4px 4px 10px #D0D0D0;}
.aside .evtlist li{float: left;width: 278px;padding: 18px 0;border-top: 1px solid #E6E6E6;background: #F9F9F9;box-shadow: 0 0 8px #CCC;}
.aside .evtlist li.active{border-right: 1px solid #FFF;}
.aside .evtlist li a,.aside .evtlist li a span{display: block;float: left;width: 100%;color: #999;text-align: center;text-decoration: none;overflow: hidden;}
.aside .evtlist li a{_height: 84px;}
.aside .evtlist li a span.title{font-size: 16px;line-height: 36px;}
.aside .evtlist li a span.sub{font-size: 14px;line-height: 24px;}
.aside .evtlist li.active a span,.aside .evtlist li:hover a span{color: #CC3333;}
.aside .evtlist li.active a span.title{font-size: 16px;}
.aside .evtlist li.active a span.sub{font-size: 14px;}


/*common layout: aside - sponser list*/
.aside .sptitle{float: left;width: 278px;height: 36px;line-height: 36px;margin-top: 30px;font-size: 15px;border-radius: 5px 5px 0 0;font-weight: bold;color: #FFF;background: #CC3333;text-align: center;border: 1px solid #CC3333;border-bottom: none;}
.aside .splist{float: left;width: 268px;padding: 0 10px 10px 0;border: 1px solid #CCC;border-top: none;background: #F9F9F9;box-shadow: -4px 4px 10px #D0D0D0;}
.aside .splist li{float: left;}
.aside .splist li a{float: left;display: block;overflow: hidden;border: 1px solid #E6E6E6;}
.aside .splist li a:hover{border: 1px solid #CC3333;}
.aside .splist li img{width: 100%;height: 100%;}

.aside .splist1 li{width: 124px;height: 52px;margin-left: 10px;_margin-left: 5px;margin-top: 10px;}
.aside .splist1 li a,.aside .splist1 img{width: 100%;height: 50px;}
.aside .splist2 li{width: 246px;height: 80px;margin-left: 16px;_margin-left: 8px;margin-top: 6px;}
.aside .splist2 li a{width: 238px;height: 70px;padding: 4px;}

/* common layout: bottom */
#bottom .box{float: left;width: 100%;padding: 14px 0 6px;margin-top: 30px;text-align: center;background: #E6E6E6;}
#bottom .wrap {width: 580px;margin: 0 auto;}
#bottom .wrap p {float: left;line-height: 28px;font-size: 14px;color: #666;}
#bottom .wrap p.full {width: 100%;}
#bottom .wrap p.half {width: 50%;}
#bottom .wrap p a{font-size: 14px;line-height: 28px;color: #666;text-decoration: none;}
#bottom .wrap p a:hover{color: #CC3333;}
#bottom .wrap p.full a{padding: 0 8px;}

/*
 * index
 */
/* theme */
.theme{float: left;padding: 20px 0;}
.theme-i-main{width: 520px;height: 380px;}
.theme .theme-tips{float: left;width: 780px;padding: 0 60px;line-height: 24px;color: #009999;text-indent: 0;text-align: center;font-size: 14px;}
.theme h2{float: left;width: 100%;text-align: center;margin-top: 10px;}
.theme h2.evt-sub{font-size: 18px;color: #009999;line-height: 24px;}
.theme h2.evt-title{font-size: 32px;color: #CC3333;line-height: 32px;margin: 10px 0 20px 0;}
.theme-i-main h2.evt-title{margin: 18px 0 28px 0;}
.theme .theme-box{width: 80%;height: 106px;border: 1px solid #009999;margin: 0 auto;padding: 0 20px;}
.theme .theme-box h2{float: left;font-size: 16px;color: #009999;line-height: 36px;font-weight: bolder;}
.theme .theme-box p{float: left;width: 100%;font-size: 14px;line-height: 24px;color: #999999;}
.theme .theme-box h3{float: left;width: 100%;font-size: 14px;line-height: 24px;color: #999999;}
.theme .box-operate{width: 100%;height: 36px;margin-top: 30px;position: relative;}
.theme .box-operate a{position: absolute;top: 0;display: block;width: 126px;height: 34px;line-height: 34px;border-radius: 5px;font-size: 16px;text-align:center;text-decoration: none;overflow: hidden;background-image: url(../img/bjjt_oper_btn.png);background-repeat: no-repeat;}
.theme .box-operate a.btn-reg{left: 100px;background: #009999;border: 1px solid #009999;color: white;}
.theme .box-operate a.btn-getdoc{right: 100px;background: #FFF;border: 1px solid #009999;color: #009999;}
.theme .box-operate a.btn-getdoc-one{right: 195px;}
.theme .box-operate a:hover{background: #CC3333;border: 1px solid #CC3333;color: white;}
/*theme - 2016,2015,2014*/
.theme2016,.theme2015,.theme2014{width: 520px;height: 270px;}
.theme2016 h2.evt-title,.theme2015 h2.evt-title,.theme2014 h2.evt-title{font-size: 24px;margin: 36px 0;}
.theme2015 .theme-box h3{text-indent: 95px;}
.theme2014 .theme-box h3{text-indent: 60px;line-height: 48px;}
.theme-i-main .theme-box{height: 180px;}
.theme-i-main .theme-box h2{line-height: 42px;}
.theme-i-main .theme-box p{line-height: 26px;}

/*maplist*/
.map-list{float: right;width: 380px;height: 272px;margin-top: 24px;overflow: hidden;}
.map-list-2017{width: 380px;height: 320px;margin-top: 10px;background: url(../img/map-list2017.png) 0 0 no-repeat;}
.map-list-2016{background: url(../img/map-list2016.png) 0 0 no-repeat;}
.map-list-2014{width: 360px;background: url(../img/map-list2014.png) 0 0 no-repeat;}
.map-list-2015{width: 360px;background: url(../img/map-list2015.png) 0 0 no-repeat;}

.city-list{float: right;width: 360px;height: 84px;overflow: hidden;}
.city-list ul{margin: 0 auto;display: table;height: 100%;width: 100%;background: url(../img/city-step.png) 0 0 no-repeat;}
.city-list li{display: table-cell;width: 64px;height: 100%;text-align: center;overflow: hidden;}
.city-list li i{display: block;margin: 0 auto;margin-top: 19px;width: 30px;height: 30px;}
.city-list li i.site{background: url(../img/icon_cursite.png) 0 0 no-repeat;}
.city-list li i.step1{background: url(../img/footprint1.png) 0 0 no-repeat;}
.city-list li i.step2{background: url(../img/footprint2.png) 0 0 no-repeat;}
.city-list li span{display: block;margin: 0 auto;width: 100%;height: 36px;line-height: 42px;color: #CC3333;}
.city-list li span.cursite{font-weight: bold;font-size: 15px;}

/* content */
.row{float: left;width: 868px;margin-top: 12px;padding: 15px;background: #F9F9F9;overflow: hidden;border: 1px solid #E6E6E6\9;box-shadow: inset 0 0 10px #CCC;border-radius: 5px;}
:root .row{border: none\9;}
.item{float: left;}
.item0{width: 100%;}
.item1{width: 506px;}
.item2{width: 362px;}
.item3{width: 580px;padding-right: 48px;}
.item4{width: 220px;}
.item5{width: 420px;}
.item-sline{width: 0px;border-left: 1px dotted #CCC;}
.item-sline1{float: left;height: 220px;margin: 40px 17px 0 10px;}
.item-sline2{float: right;height: 335px;margin: 40px 27px 0 0;}
.item .title{float: left;width: 100%;height: 36px;line-height: 36px;font-size: 16px;color: #CC3333;}
.item .tips{color: #009999;}
.item .cont{float: left;width: 100%;overflow: hidden;}
.item .cont h3{float: left;width: 100%;color: #009999;line-height: 36px;}
.item .cont h3.c00BB9C{color: #00BB9C}
.item .cont h3.cEA8010{color: #EA8010}
.item .cont h3.c11CD6E{color: #11CD6E}
.item .cont h3.c996699{color: #996699}
.item .cont h3.cEB4F38{color: #EB4F38}
.item li,.item p{float: left;width: 100%;padding-bottom: 8px;font-size: 14px;line-height: 24px;}
.item .cont-p p{text-indent: 28px;}
.item .cont-tj p{text-align: justify;}
.item li.active{color: #009999;font-size: 15px;}
.item li.cont-w480{width: 480px;padding-right: 26px;}
.item li b,.item li span{float: left;display: block;line-height: 24px;font-size: 14px;}
.item p a.plink{font-size: 14px;color: #009999;}
.item li a{font-size: 13px;}
.item li .key{width: 100px;text-align: right;}
.item li .val{width: 380px;padding: 0 18px 0 8px;}
.item li span .tips{color: #009999;}
.item3 li b{width: 50px;}
.item3 li span{width: 530px;}

.i2016-th .item1{border-right: 1px dotted #CCC;width: 496px;}
.i2016-th .item2{width: 350px;padding-left: 21px;}
/*map box*/
.item .map-box{float: left;width: 350px;/*height: 215px;*/height: 245px;/*height: 275px;*/padding: 5px;border: 1px solid #E0E0E0;margin-top: 4px;overflow: hidden;background: white;outline: none;}

/*
 * history
 */
.theme-history{float: left;width: 100%;}
.theme-history h2.evt-title{font-size: 28px;}
.list-history{float: left;width: 916px;_width: 940px;margin-left: -16px;overflow: hidden;}
.list-history{margin-top: -24px;}
.list-history li{float: left;width: 428px;height: 156px;padding: 12px 6px;margin: 18px 0 0 16px;border: 1px solid #E0E0E0\9;box-shadow: inset 0 0 8px #CCC;border-radius: 5px;background: #FFF;}
.list-history li:hover{box-shadow: inset 0 0 8px #666;border: 1px solid #CC3333\9;}
:root .list-history li,:root .list-history li:hover{border: none\9;}
.list-history li .history-pic{display: block;float: left;width: 96px;height: 156px;margin-right: 14px;overflow: hidden;text-decoration: none;}
.list-history li .history-pic img{float: left;width: 88px;height: 88px;border: 1px solid #FFF\9;border-radius: 48px;margin-bottom: 8px;padding: 3px;background: white;overflow: hidden;}
:root .list-history li .history-pic img{border: 1px solid #E0E0E0;}
.list-history li .history-pic span{float: left;display: block;width: 100%;height: 24px;line-height: 24px;text-align: center;color: #009999;font-size: 15px;}
.list-history li .history-pic:hover img{border: 1px solid #FFF\9;}
:root .list-history li .history-pic:hover img{border: 1px solid #CC3333;}
.list-history li .history-pic:hover,.list-history li .history-pic:hover span{color: #CC3333;}
.list-history li .history-title{display: block;float: left;width: 318px;height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-history li .history-title a{line-height: 34px;color: #505050;font-size: 15px;font-weight: bold;text-decoration: underline;}
.list-history li .history-title a:hover{color: #CC3333;}
.list-history li .history-abs{position:relative;float: left;width: 310px;height: 116px;overflow: hidden;}
.list-history li .history-abs p{line-height: 20px;color: #999;font-size: 13px;text-indent: 0;text-align: justify;}
.list-history li .history-abs span.ellipsis{display: none;position:absolute;bottom:0;right:0;width: 12px;line-height: 12px;text-align: center;background: #FFF;}

/*
 * video
 */
.list-video{float: left;width: 920px;_width: 940px;margin-top: -24px;margin-left: -20px;overflow: hidden;}
.list-video li{position: relative;float: left;width: 210px;height: 150px;margin: 16px 0 0 20px;padding: 0;overflow: hidden;}
.list-video li.video-main{width: 440px;height: 316px;}
.list-video li .video-pic{position: absolute;top: 0;left: 0;z-index: 2;display: block;float: left;width: 100%;height: 108px;}
.list-video li.video-main .video-pic{height: 100%;}
.list-video li .video-mask,.list-video li .video-info{position: absolute;left: 0;width: 100%;}
.list-video li .video-mask,.list-video li .video-info{height: 24px;bottom: 40px;}
.list-video li.video-main .video-mask,.list-video li.video-main .video-info{height: 68px;bottom: 0;}
.list-video li .video-mask{z-index: 3;background: black;opacity: 0.4;filter: alpha(opacity=40);_background: none;}
.list-video li .video-info{z-index: 4;}
.list-video li.video-main .ico-player{position: absolute;left: 10px;bottom: 10px;z-index: 4;display: block;width: 48px;height: 48px;overflow: hidden;cursor: pointer;background: url(../img/ico_playerBtn.png) no-repeat top left;}
.list-video li .video-title{position: absolute;left: 0;bottom: -6px;z-index: 4;display: block;width: 100%;height: 42px;overflow: hidden;}
.list-video li.video-main .video-title{left: 72px;bottom: 24px;width: 354px;padding-right: 12px;color: white;}
.list-video li .video-title a{display: block;width: 100%;height: 42px;line-height: 18px;font-size: 13px;color: #666;text-decoration: none;overflow: hidden;}
.list-video li.video-main .video-title a{font-size: 14px;color: white;}
.list-video li .video-title a:hover{color: #CC3333;}
.list-video li .video-playinf{position: absolute;right: 0;bottom: 0;z-index: 4;display: block;width: 194px;height: 24px;padding-right: 12px;overflow: hidden;}
.list-video li.video-main .video-playinf{bottom: 4px;width: 354px;padding-right: 12px;}
.list-video li .video-playinf a{float: right;display: block;height: 24px;line-height: 24px;padding-left: 20px;margin-left: 12px;color: white;font-size: 12px;}
.list-video li .video-playinf a.num-play{background: url(../img/ico_playinfo.png) left top no-repeat;}
.list-video li .video-playinf a.num-comment{background: url(../img/ico_playinfo.png) left -24px no-repeat;}
/*video pages*/
.video-pages{float: left;width: 100%;height: 30px;border-top: 1px solid #999;padding: 16px 0;margin-top: 24px;;}
.video-pages .numshow{float: left;height: 26px;line-height: 26px;font-size: 13px;} 
.video-pages .nums{display: inline-block;padding: 0 4px;color: #009999;font-size: 13px;}
.video-pages .list{float: right;height: 26px;}
.video-pages .list a,.video-pages .list span{display: block;float: left;height: 24px;line-height: 24px;padding: 0 10px;margin-left: 8px;color: #999;border: 1px solid #CCC;border-radius: 4px;font-size: 13px;text-decoration: none;background: white;}
.video-pages .list .dan{color: #fff;border: 1px solid #009999;background: #009999;}
.video-pages .list a:hover{border: 1px solid #009999;color: #009999;}

/*
 * about
 */
.theme-about h2.evt-title{margin: 0 auto;}
.about-top5 li{float: left;width: 149px;padding: 10px 12px;text-align: center;}
.about-top5 li h3{height: 36px;line-height: 36px;}
.about-top5 li p{float: left;width: 100%;text-align: justify;text-indent: 0;padding: 0;line-height: 20px;font-size: 13px;color: #666;}

/*
 * contact
 */
.theme-contact{padding-top: 0;height: auto;}
.item-contact0{float: none;margin: 0 auto;padding-left: 48px;width: 842px;}
.item-contact1{width: 420px;padding-left: 48px;}
.item-contact2{width: 380px;}
.item-contact .row-contact{float: left;text-indent: 0;padding-bottom: 14px;}
.item-contact .row-contact span,.item-contact .row-contact a{line-height: 24px;font-size: 14px;}
.item-contact .row-contact span{float: left;display: block;}
.item-contact .row-contact span.key{width: 60px;}
.item-contact .row-contact span.val{width: 360px;}
.item-contact .row-contact span.val span{display: block;float: left;width: 100%;}
.item-contact .row-contact a.c009966,.item-contact .row-contact a:hover{color: #009999;}
.item-contact0 .title{float: left;width: 760px;/*border-top: 2px solid #FFF;*/padding: 0 12px;margin: 40px 0 14px;box-shadow: 0 0 10px #CCC;} 
.item-contact .list-erwm li{float: left;width: 250px;height: 100%;padding-top: 16px;margin-right: 30px;text-align: center;}
.item-contact .list-erwm li .erwm-wrap{margin: 0 auto;width: 96px;height: 96px;padding: 8px;border: 1px solid #E0E0E0;background: white;}
.item-contact .list-erwm li span{display: block;float: left;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #999;}
.item .i-map {float: left;width: 360px;height: 240px;padding: 4px;border: 1px solid #CCC;margin-top: 2px;overflow: hidden;background: white;}
.item-contact2 .i-map{width: 360px;height: 240px;}
.item-contact2 .i-map #map{float: left;width: 100%;height: 100%;overflow: hidden;border: none;}

/* 
 * download
 */
.item p.light{color: #009966;}
.item-download{padding-top: 36px;}
.item-download .dl-picwrap{float: left;width: 540px;height: 360px;overflow: hidden;}
.item-download .dl-oprwrap{float: right;width: 340px;height: 360px;overflow: hidden;text-align: center;}
.dl-oprwrap .dl-docicon{display: block;width: 120px;height: 120px;background: url(../img/dl_docIco.png) left top no-repeat;margin: 20px auto;}
.dl-oprwrap .dl-mtitle,.dl-oprwrap .dl-mtitle span{width: 100%;height: 48px;line-height: 48px;color: #CC3333;font-size: 20px;}
.dl-oprwrap .dl-abs{float: left;display: block;width: 100%;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #009999;}
.dl-oprwrap .dl-btn{float: left;width: 320px;height: 36px;padding-left: 20px;padding-top: 60px;overflow: hidden;}
.dl-oprwrap .dl-btn a{display: block;float: left;height: 34px;line-height: 34px;text-align: center;padding: 0 20px;font-size: 15px;border-radius: 5px;text-decoration: none;}
.dl-oprwrap .dl-btn a.dl-btn-2015{color: white;background: #009999;margin-right: 20px;border: 1px solid #009999;}
.dl-oprwrap .dl-btn a.dl-btn-2016{color: #CC3333;background: #FFF;border: 1px solid #CC3333;}
.dl-oprwrap .dl-btn a:hover{background: #CC3333;color: white;border: 1px solid #CC3333;}