 
/* 法律声明   */
.show_lawNotice{ z-index: 10; width: 0%; height: 100%; position: fixed; top: 0; right: 0; opacity: 0; /*display: none;*/
transition:all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s;
 /*-webkit-transition: all .6s cubic-bezier(.5, .2, .2, 1.1);
	  -o-transition: all .6s cubic-bezier(.5, .2, .2, 1.1);
	  transition: all .6s cubic-bezier(.5, .2, .2, 1.1);*/
	 
	 -webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%); 
		/*-webkit-transform: translate3d(2000px,0,0);
		-ms-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)*/

}
.show_lawNotice.active{/*-webkit-animation:fadeInRightBig .3s ease-out 0s both; display: block;*/   
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%); opacity: 1;  width: 100%;


}


.show_lawNotice .law_mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; filter:alpha(opacity=80);}
.show_lawNotice .law_content{ width: 62%; position: absolute; right: 0; top: 0; height: 100%; overflow-y: scroll; /*padding-top: 122px;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0px -3px 7px 0px #ccc; }
.show_lawNotice .law_content h1{ font-size: 28px; color: #333 !important; padding-bottom: 45px; text-align: center; padding-top: 110px;}
.show_lawNotice .law_content p{ font-size: 18px; color: #4d4d4d !important; line-height: 40px; width: 75%; margin: 0 auto; text-indent: 2em;}
.show_lawNotice .law_content p span{ font-size:18px !important;}
.show_lawNotice .law_content .law_close{ display: block; width: 54px; height: 54px; background: url(http://www.bjknhj.com/images/close_btn2.png) no-repeat left center; position: fixed; top: 100px; left: 37%; cursor: pointer;}
.show_lawNotice .close_btn{ display: none;}





/* 电子地图   */
.show_lawNotice2{ z-index: 10; width: 0%; height: 100%; position: fixed; top: 0; right: 0; opacity: 0; /*display: none;*/
transition:all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s;	 
	 -webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%); 
}
.show_lawNotice2.active{/*-webkit-animation:fadeInRightBig .3s ease-out 0s both; display: block;*/   
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%); opacity: 1;  width: 100%;
}

.show_lawNotice2 .law_mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; filter:alpha(opacity=80);}
.show_lawNotice2 .law_content{ width: 62%; position: absolute; right: 0; top: 0; height: 100%; overflow-y: scroll; /*padding-top: 122px;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0px -3px 7px 0px #ccc; }
.show_lawNotice2 .law_content h1{ font-size: 28px; color: #333 !important; padding-bottom: 45px; text-align: center; padding-top: 110px;}
.show_lawNotice2 .law_content p{ font-size: 18px; color: #4d4d4d !important; line-height: 40px; width: 75%; margin: 0 auto; text-indent: 2em;}
.show_lawNotice2 .law_content .law_close{ display: block; width: 54px; height: 54px; background: url(http://www.bjknhj.com/images/close_btn2.png) no-repeat left center; position: fixed; top: 100px; left: 37%; cursor: pointer;}
.show_lawNotice2 .close_btn{ display: none;}

/* 诚聘精英   */
.show_lawNotice3{ z-index: 10; width: 0%; height: 100%; position: fixed; top: 0; right: 0; opacity: 0; /*display: none;*/
transition:all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s;	 
	 -webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%); 
}
.show_lawNotice3.active{/*-webkit-animation:fadeInRightBig .3s ease-out 0s both; display: block;*/   
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%); opacity: 1;  width: 100%;
}

.show_lawNotice3 .law_mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; filter:alpha(opacity=80);}
.show_lawNotice3 .law_content{ width: 62%; position: absolute; right: 0; top: 0; height: 100%; overflow-y: scroll; /*padding-top: 122px;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0px -3px 7px 0px #ccc; }
.show_lawNotice3 .law_content h1{ font-size: 28px; color: #333 !important; padding-bottom: 45px; text-align: center; padding-top: 110px;}
.show_lawNotice3 .law_content p{ font-size: 18px; color: #4d4d4d !important; line-height: 40px; width: 75%; margin: 0 auto; text-indent: 2em;}
.show_lawNotice3 .law_content .law_close{ display: block; width: 54px; height: 54px; background: url(http://www.bjknhj.com/images/close_btn2.png) no-repeat left center; position: fixed; top: 100px; left: 37%; cursor: pointer;}
.show_lawNotice3 .close_btn{ display: none;}






.mar122{ margin-top: 122px;}
#footer{ width: 100%; background: #fff; text-align: center; padding: 60px 0;}
#footer a{ width: 30px; height: 30px; cursor: pointer;background: url(../images/logo03.png) no-repeat left center; display: block; margin: 0 auto;}


.img_sliding_box{ display: none;}

.fixed_share{ position: fixed; bottom: 40px; height: 120px; right: 0; z-index: 99; cursor: pointer;}
.fixed_share a{ width: 35px; height: 35px; display: block; background: #B3B3B3;}
.fixed_share a:hover{background: #808080;}
.fixed_share a#scroolTop{ background: none; margin-top: 20px;}

#show_weixin{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.6); display: none;}
#show_weixin .weixin_con{ width: 220px; padding: 20px 34px 0; position: absolute; top: 50%; left: 50%; margin-left: -144px; margin-top: -151px; background: #FFFFFF;}
#show_weixin .weixin_con img{ width: 220px; height: 220px;}
#show_weixin .weixin_con p{ height: 24px; line-height: 24px; margin: 14px 0 24px; font-size: 14px; color: #000000; text-align: center;}
@media \0screen\,screen\9 {
#show_weixin{
  	width: 100%; height: 100%;  
    background-color:#000;
    filter:alpha(opacity=60);
    position:static; 
    *zoom:1; 
  } 
}

.mobile_scanner{ display: none;}



/* 合作伙伴  */
.partner_box{ width: 100%; background: url(../images/bj2.jpg) no-repeat; overflow: hidden; height: 920px; background-position: center center; }
.partner_box .partner_con{ width: 1200px; margin: 224px auto 0;}
.partner_box .partner_con h1{ color: #363636; font-size: 24px; border-bottom: 1px solid #666666; padding: 14px 0;}
.partner_box .partner_con h1 i.line{ width: 15px; height: 15px; background: url(../images/line2.png) no-repeat left center; background-size: 100% 100%; display: none; margin: 0 auto;}
.partner_box .partner_con h1 span{font-weight: 400; display: inline-block;}
.partner_con .company_collect ul{ padding: 22px 60px;}
.partner_con .company_collect ul li{ padding: 10px 15px;}
.partner_con .company_collect ul li img{ width: 186px; height: 70px;}


/* 发展历程   */
.history_wrap{ width: 800px; margin: 40px auto 120px; color: #999999; font-size: 18px; overflow: hidden;}
.history_wrap h1{ font-size: 30px; padding: 70px 0 80px; margin: 0; font-weight: bold;}
.history_wrap h1 i.line{ width: 15px; height: 15px; background: url(../images/line2.png) no-repeat left center; background-size: 100% 100%; display: none; margin: 0 auto;}
.history_wrap h1 span{ font-size: 13px; color: #363636; font-weight: 400; display: none;}
.history_info{ width: 500px; margin: 0 auto; background: url(../images/line.jpg) no-repeat left 12px; padding: 0 20px 44px;}
.history_info dt{ color: #4d4d4d; font-size: 34px; line-height: 50px; width: 140px; text-align: left;}
.history_info dt span{ font-size: 24px;}
.history_info dd{ font-size: 26px; color: #4d4d4d;}
.history_info dd > p{ line-height: 50px !important; text-align: left;}
/*    Media queries   */

@media screen and (max-width:767px) {
.sort_wrap .sort_items{ padding: 8px 10px 16px; width: 100%;}
.sort_wrap dl{ width: 100%; padding: 0; overflow: hidden; box-shadow: 1px 10px 17px -9px #999;}
.sort_wrap dl dt{ width: 100%; height: auto;}
.sort_wrap dl dt img{ width: 100%; height: auto;}
.sort_wrap dl dd h1{width: 80%; padding: 20px 0 0; margin: 0 0 0 20px; border: none;}
.sort_wrap dl dd p{ display: block; width: 80%; margin: 0 0 20px 20px; overflow: hidden; height: 20px; }

.history_wrap{ background: url(../images/bj3.jpg) no-repeat left center; background-size: 100% 100%; margin: 80px 0 0; width: 100%;}
.history_wrap > h1{ padding: 25px 0; font-size: 15px; color: #363636;}
.history_wrap > h1 i.line{ display: block;}
.history_wrap > h1 span{ display: block; font-size: 13px;}
.history_info{ width: 100%; background: none; text-align: center; padding: 14px 0 10px;}
.history_info dt{ float: none; width: 100%; text-align: center; font-size: 15px; font-family: "微软雅黑"; line-height: 27px; position: relative; }
.history_info dt:after{content: "";display: block; position: absolute; left: 50%; width: 36px; margin-left: -18px; height: 2px; background: #B3B3B3; top: 0;}
.history_info dd{ float: none; font-size: 13px;}
.history_info dd > p{text-align: center;}
.history_info dt span{ display: block; font-size: 1rem;}
#aaa pre{line-height: 28px; text-align: center !important;}

.partner_box{ height: auto; background: url(../images/bj4.jpg) no-repeat left center; background-size: 100% 100%;}
.partner_box .partner_con{ margin: 80px auto 0; width: 100%;}
.partner_box .partner_con h1{ border: none; text-align: center; font-size: 15px; padding: 20px 0;}
.partner_box .partner_con h1 i.line{ display: block;}
.partner_box .partner_con h1 span{ font-size: 13px;}
.partner_con .company_collect ul{ width: 80%; padding: 0; margin: 0 auto;}
.partner_con .company_collect ul li{ width: 50%; padding: 8px; float: left; text-align: center; box-sizing: border-box;}
.partner_con .company_collect ul li img{ width: 100%; height: auto;}

}



@media screen and (max-width: 768px){






.fullSlide .hd ul li{width:6px; height:6px; background:#ccc; overflow: hidden; padding: 0;}

.fullSlide .hd ul .on{ width:4px; height:4px; background:none; border:2px solid #CF4751;}


}

@media (min-width: 768px) and (max-width: 991px) {
.sort_wrap .sort_items{ padding: 15px; width: 50%;}
.sort_wrap dl{ width: 100%; padding: 0; overflow: hidden; box-shadow: 1px 10px 17px -9px #999;}
.sort_wrap dl dt{ width: 100%; height: auto;}
.sort_wrap dl dt img{ width: 100%; height: auto;}
.sort_wrap dl dd h1{width: 80%; padding: 20px 0 0; margin: 0 0 0 20px; border: none;}
.sort_wrap dl dd p{ display: block; width: 80%; margin: 0 0 20px 20px; overflow: hidden; height: 20px; }
.history_wrap{ width: 100%;}
.partner_box{ height: auto;}
.partner_box .partner_con{ margin: 80px auto 0; width: 100%;}
.partner_box .partner_con h1{ border: none; text-align: center; font-size: 15px; padding: 20px 0;}
.partner_box .partner_con h1 i.line{ display: block;}
.partner_box .partner_con h1 span{ font-size: 13px;}
.partner_con .company_collect ul{ width: 80%; padding: 0; margin: 0 auto;}
.partner_con .company_collect ul li{ width: 33.333%; padding: 0; float: left; text-align: center; padding:8px;  box-sizing: border-box;}
.partner_con .company_collect ul li img{ width: 100%; height: auto;}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.header{ display: none;}
.mobile-header{ display: block;}
.history_wrap{ width: 100%;}
}


@media (min-width: 992px) and (max-width: 1024px) {
.sort_wrap .sort_items{ padding: 15px; width: 33.3333%;}
.sort_wrap dl{ width: 100%; padding: 0; overflow: hidden; box-shadow: 1px 10px 17px -9px #999;}
.sort_wrap dl dt{ width: 100%; height: auto;}
.sort_wrap dl dt img{ width: 100%; height: auto;}
.sort_wrap dl dd h1{width: 80%; padding: 20px 0 0; margin: 0 0 0 20px; border: none;}
.sort_wrap dl dd p{ display: block; width: 80%; margin: 0 0 20px 20px; overflow: hidden; height: 20px; }



	}

@media screen and (min-width:992px) and (max-width:1200px){



	}

	

@media screen and (max-width:1200px){


 


.search_content .search_results .results-column{ width: 100%; padding-right: 0;}

.introduce_text{ padding: 20px 0;}
.introduce_text h1 { padding: 0 15px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; line-height: 23px;}
#footer{ padding: 17px 0 46px;background: #fff !important;}
#footer a{ width: 30px; height: 30px; background: url(../images/logo03-1.png) no-repeat left center; background-size: 100% 100%;}

.mar122{ margin-top: 0px;}	
.mobile_t_b{ display: block;}	
.about_wrap .about_it_col{ width: 100%; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}	
.m_block .img_box, .m_block .img_box img{ width: 100%; height: auto;}	
.m_block .about_content{ width: 100%; padding: 28px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto;}	
.m_block{ padding-bottom: 25px;}
.m_block .about_content h1{ font-size: 17px;}
.m_block .about_content a{ box-sizing: border-box; width: 100%; padding: 0px 20px 20px 20px; height: auto;}
.m_block .about_content a.look_more{ font-size: 14px; font-weight: 600;}

/* 动态   */
#newslist{ padding: 0 15px;}
#newslist .newstitem:hover .newsinfo{ width:100%;}
#newslist .newscontent{ width: 100%; height: auto;}
#newslist .newsinfo{ width: 100%; padding: 0; height: auto;}
#newslist .newsdate{ width: 100%; padding: 0;}
#newslist .newsinfo .md{ text-align: left; float: left; font-size: 15px; color: #828282; line-height: 27px;}
#newslist .newsinfo .year{ text-align: left; float: left; font-size: 15px; color: #bbbbbb; line-height: 27px; margin-left: 28px;}

#newslist .newsimg{ display: none;}
#newslist .newsbody{ margin-left: 0; width: 100%; padding: 0;}
#newslist .newsbody .title{ font-size: 1.5rem; color: #2a2a2a; margin-top: 10px; overflow: hidden;}
#newslist .newsbody .description{ font-size: 1.3rem; color: #6f6f6f; }
#newslist .newstitem:hover .description{ color: #6f6f6f;}

#newslist .newstitem i { display: none;}
#newslist .newstitem:hover .newsinfo .newsdate  { margin-left:0px;}
#newslist .newstitem:hover .newsinfo .newsbody  { margin-left:0px;}

#newslist .newsimg{display: none;}
#newslist .newstitem:hover p {color:#2a2a2a}
#newslist .newstitem:hover a {color:#6f6f6f}
#newslist .newstitem:hover { background:#fff ; transition:all ease-out .5s; -moz-transition: all ease-out .5s; -webkit-transition: all ease-out .5s;}

.sort_wrap{ margin-top: 90px; width: 100%;}

.show_lawNotice .law_content{ width: 100%;}
.show_lawNotice .law_content .law_close{display: none;}
.show_lawNotice .law_content h1{ font-size: 16px; padding: 35px 0;}
.show_lawNotice .law_content p{font-size: 13px; line-height: 20px; width: 90%;}
.show_lawNotice .close_btn{margin: 90px auto 0px; width: 44px; height: 44px; border: 3px solid #e6e6e6; text-align: center; border-radius: 50px; display:block; }

.show_lawNotice .close_btn img {
    width: 16px;
    height: 16px;
    padding-top: 14px;
}
.law_content img{ max-width:100%;}
.show_lawNotice2 .law_content{ width: 100%;}
.show_lawNotice2 .law_content .law_close{display: none;}
.show_lawNotice2 .law_content h1{ font-size: 16px; padding: 35px 0;}
.show_lawNotice2 .law_content p{font-size: 13px; line-height: 20px; width: 90%;}
.show_lawNotice2 .close_btn{margin: 90px auto 0px; width: 44px; height: 44px; border: 3px solid #e6e6e6; text-align: center; border-radius: 50px; display:block; }

.show_lawNotice2 .close_btn img {
    width: 16px;
    height: 16px;
    padding-top: 14px;
}

.show_lawNotice3 .law_content{ width: 100%;}
.show_lawNotice3 .law_content .law_close{display: none;}
.show_lawNotice3 .law_content h1{ font-size: 16px; padding: 35px 0;}
.show_lawNotice3 .law_content p{font-size: 13px; line-height: 20px; width: 90%;}
.show_lawNotice3 .close_btn{margin: 90px auto 0px; width: 44px; height: 44px; border: 3px solid #e6e6e6; text-align: center; border-radius: 50px; display:block; }

.show_lawNotice3 .close_btn img {
    width: 16px;
    height: 16px;
    padding-top: 14px;
}






.img_sliding_box{ display: block; margin-top: 80px;}
.img_sliding_box img{ width: 100%;}
.newwrite_sty{ /* background-color: rgba(0,0,0,0.5); */ width: 60px !important; margin-left: -30px; left: 50% !important; border-radius: 10px;}
.newwrite_sty .swiper-pagination-bullet{ width: 8px !important; height: 8px !important; background: #fff !important;}
.newwrite_sty .swiper-pagination-bullet-active{ background: #7899c4 !important;}
.sort_wrap dl dd .go_icon{ width: 17px; height: 11px; background: url(../images/arrow2.png) no-repeat left center; background-size: 100% 100%;}
.article_wrap{ width: 100%; background: none;}
.article_wrap > h1{ font-size: 16px; margin-top: 80px; padding: 0 15px;}
.article_wrap .article_date{ padding: 0 15px; font-size: 14px;}
.article_wrap .article_box{ padding: 0 15px; margin: 20px auto 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 13px;}
.article_wrap .article_box p{ line-height: 24px; font-size: 14px !important;}
.article_wrap .article_box p span{font-size: 14px !important;}
.article_wrap .article_box p img{ max-width:100%; width: 100% !important; height: auto !important;}
.article_wrap .article_box img{ max-width:100%;}
.dbLogo{ padding: 30px 0 50px;}
	
.fixed_share{ display: none;}	
.mobile_scanner{ width: 100%; text-align: center; display: block; padding-top: 30px;}	
.mobile_scanner img{ width: 87px; height: 87px;}
.mobile_scanner p{ font-size: 12px; color: #000; padding: 10px 0 20px;}	

.partner_box{ height: auto; background-size: 100% 100%;}
.partner_box .partner_con{ width: 100%;}
	}	

































@media screen and (max-width:996px){



}











@media screen and (min-width:992px) and (max-width:1200px){




}





@media screen and (max-width:1200px){


}


@media (max-width:1280px){
	

}




/* ---------------------------newAdd--------------------------------------*/
/* 本例子css */
	.picScroll-left{ /*overflow:hidden;*/ position:relative;  margin-top: 20px;}
	.picScroll-left .hd{ /*overflow:hidden;*/ height: 54px; width: 100%; margin-top: -27px; position: absolute; top: 50%;}
	.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:32px; height:54px; float:right;  overflow:hidden;
		 cursor:pointer; position: absolute;}
	.picScroll-left .hd .prev{ background: url(../images/arrow3.png) no-repeat left center;  left: -50px;}
	.picScroll-left .hd .next{ background: url(../images/arrow4.png) no-repeat left center;  right: -50px;}
	.picScroll-left .hd .prevStop{ background: url(../images/arrow5.png) no-repeat left center; }
	.picScroll-left .hd .nextStop{ background: url(../images/arrow6.png) no-repeat left center; }
	.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
	.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.picScroll-left .hd ul li.on{ background-position:0 0; }
	.picScroll-left .bd{ padding:10px 20px;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 243px !important;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic img{ width:214px; height:54px; display:block; margin: 0 auto; max-width: 100%;}
	.picScroll-left .bd ul li .pic p{ font-weight: bold; color: #333333; font-size: 20px; padding: 25px 0;}
	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.picScroll-left .bd ul li .title{ line-height:24px; width: 100%; overflow: hidden; height: 72px;  }
	.picScroll-left .bd ul li span{ border: 1px solid #fff; color: #fff; font-size: 16px; padding: 5px 0; width: 126px; display: block; margin: 28px auto; cursor: pointer;}
	.picScroll-left .bd ul li:hover span{ border: 1px solid #7899c4; color: #7899c4; font-size: 16px; padding: 5px 0; width: 126px; display: block; margin: 28px auto; cursor: pointer;}
	.picScroll-left .bd ul li:hover span em{ background: url(../images/arrow7.png) no-repeat right center; padding-right: 18px;}


/* 战略合作人   */
.show_union{ z-index: 10; width: 0%; height: 100%; position: fixed; top: 0; right: 0; opacity: 0; /*display: none;*/
transition:all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s;	 
	 -webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%); 
}
.show_union.active{/*-webkit-animation:fadeInRightBig .3s ease-out 0s both; display: block;*/   
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%); opacity: 1;  width: 100%;
}

.show_union .union_mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; filter:alpha(opacity=80);}
.show_union .union_content{ width: 62%; position: absolute; right: 0; top: 0; height: 100%; overflow-y: scroll; /*padding-top: 122px;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0px -3px 7px 0px #ccc; text-align: center;}
.show_union .union_content h1{ font-size: 28px; color: #333333; padding-bottom: 45px; text-align: center; padding-top: 45px; font-weight: bold;}
.show_union .union_content p{ font-size: 18px; color: #808080; line-height: 40px; width: 75%; margin: 0 auto; text-indent: 2em; text-align: left;}
.show_union .union_content .law_close{ display: block; width: 54px; height: 54px; background: url(http://www.bjknhj.com/images/close_btn2.png) no-repeat left center; position: fixed; top: 100px; left: 37%; cursor: pointer;}
.show_union .close_btn{ display: none;}
.show_union .union_content img{ margin: 0 auto; padding-top: 75px;}

@media screen and (max-width: 768px){
	.addBj{ background: #f7f7f7 !important;}
	.picScroll-left{ margin: 0;}
	.picScroll-left .bd{ padding: 10px 30px;}
	.picScroll-left .hd{ height: 27px; margin-top: -14px;}
	.picScroll-left .hd .prev,.picScroll-left .hd .next{width:16px; height:27px;}
	.picScroll-left .hd .prev{ left: 15px; background-size: 100%;}
	.picScroll-left .hd .next{ right: 15px; background-size: 100%;}
	.picScroll-left .bd ul li .pic p{ font-size: 17px;}
	.picScroll-left .bd ul li span{ border: 1px solid #7899c4; color: #7899c4; font-size: 16px; padding: 5px 0; width: 126px; display: block; margin: 28px auto; cursor: pointer;}
	.picScroll-left .bd ul li:hover span{ border: 1px solid #7899c4; color: #7899c4; font-size: 16px; padding: 5px 0; width: 126px; display: block; margin: 28px auto; cursor: pointer;}
	.picScroll-left .bd ul li span em{ background: url(../images/arrow7.png) no-repeat right center; padding-right: 18px;}
	.tempWrap{ background: #FFFFFF; margin: 0 auto; padding: 10px 0; box-shadow: 0 1px 5px #e9e8e8;}
	
	/*.show_union .close_btn{margin: 50px auto 40px; width: 44px; height: 44px; border: 3px solid #e6e6e6; text-align: center; border-radius: 50px; }*/
	.show_union .union_content{ width: 100%;}
	.show_union .union_content .union_close{display: none;}
	.show_union .union_content h1{ font-size: 16px; padding: 35px 0;}
	.show_union .union_content p{font-size: 13px; line-height: 20px; width: 90%;}
	.show_union .union_close{margin: 90px auto 0px; width: 44px; height: 44px; border: 3px solid #e6e6e6; text-align: center; border-radius: 50px; display:block; }
	/*.show_union .close_btn{ display: block;}*/
	.show_union .union_close img {
	    width: 16px;
	    height: 16px;
	    padding-top: 14px;
	}
	.show_union .union_content .law_close{ width: 30px; height: 30px; background-size: 100% 100%; left: 50%; margin-left: -15px; top: 30px;}
	
}




