.clearfix { display:block; #zoom:1;}
.clearfix:after { content:''; overflow:hidden; width:100%; height:0px; font-size:0px; display:block; clear: both; }
.part{ width:1000px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}


@-webkit-keyframes key_ani {  100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
@-moz-keyframes key_ani {  100% {
 -moz-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
@keyframes key_ani {  100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 -moz-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}

.card .left { float: left; }
.card .right { float: right; }
.card .part { width: 1000px; margin: 0 auto; }
.card .xxjxsArea { width: 1220px; margin: 0 auto; }
.card .xxjxsArea_title { height: 77px; text-indent: -999px; overflow: hidden; margin-bottom: 20px; background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/img/partadd4.png) 50% 0 no-repeat; }
.card .xxjxsArea_rot { float: left; width: 575px; height: 442px; margin-top: 8px; -webkit-box-shadow: 1.29px 1.53px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1.29px 1.53px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 1.29px 1.53px 5px 0 rgba(0, 0, 0, 0.3); }
.card #xxjxsArea_rot_container { height: 442px; width: 575px; overflow: hidden; position: relative; }
.card #xxjxsArea_rot_container a { font-family: "¾È?½±ÁóËæ?"; }
.card #xxjxsArea_rot_container .swiper-slide { position: relative; height: 442px; width: 575px; }
.card #xxjxsArea_rot_container .img { position: absolute; left: 0; top: 0; z-index: 1; }
.card #xxjxsArea_rot_container .bg { position: absolute; left: 0; bottom: 0; height: 58px; background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/img/partadd1.png) repeat-x; width: 100%; z-index: 3; }
.card #xxjxsArea_rot_container .tit { position: absolute; left: 0; bottom: 0; z-index: 5; height: 50px; line-height: 50px; width: 100%; }
.card #xxjxsArea_rot_container .tit a { color: #fff; font-size: 18px; font-family: "¾È?½±ÁóËæ?"; margin-left: 18px; }
.card #xxjxsArea_rot_container .tit span { background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/img/partadd2.png) 0 0 no-repeat; width: 32px; height: 25px; display: block; left: 15px; bottom: 13px; position: absolute; }
.card #xxjxsArea_rot_container .tit .a1 { background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/static/video.png) 0 0 no-repeat; }
.card #xxjxsArea_rot_container .tit .a2 { background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/static/audio.png) 0 0 no-repeat; }
.card #xxjxsArea_rot_container .pagination { position: absolute; right: 5px; bottom: 15px; }
.card #xxjxsArea_rot_container .swiper-pagination-switch { display: inline-block; width: 7px; height: 7px; background: url(//www.xinhuanet.com/politics/2016qglh/xxjxs/img/partadd3.png) -12px 0 no-repeat; margin-right: 5px; }
.card #xxjxsArea_rot_container .swiper-active-switch { background-position: 0 0; }
.card #xxjxsArea_rot_container .arrow-left { background: url(//heilongjiang.big5.dbw.cn/zt/2018lh/images/gqdt.png) 0 -76px; position: absolute; left: 0px; top: 180px; width: 50px; height: 76px; z-index: 30; }
.card #xxjxsArea_rot_container .arrow-right { background: url(//heilongjiang.big5.dbw.cn/zt/2018lh/images/gqdt.png) -50px -76px; position: absolute; right: 0px; top: 180px; width: 50px; height: 76px; z-index: 30; }
.card #xxjxsArea_rot_container .arrow-left:hover { background-position: 0 0; }
.card #xxjxsArea_rot_container .arrow-right:hover { background-position: -50px 0; }
.card .xxjxsRight { float: right; width: 635px; }
.card .filp, .card .filp_container, .card .filp_p { position: relative; }
.card .filp { width: 635px; }
.card .filp_container { float: left; width: 310px; height: 210px; overflow: hidden; cursor: pointer; margin-right: 7px; }
.card .filp_container2, .card .filp_container3, .card .filp_container4 { width: 205px; height: 240px; margin-right: 6px; margin-top: 6px; }
.card .filp_container0 .filp_p, .card .filp_container1 .filp_p { width: 300px; height: 200px; }
.card .filp_container2 .filp_p, .card .filp_container3 .filp_p, .card .filp_container4 .filp_p { width: 195px; height: 230px; }
.card .filp_p { display: block; -webkit-box-shadow: 1.3px 1.5px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 1.3px 1.5px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 1.3px 1.5px 5px 0 rgba(0, 0, 0, 0.15); margin: 5px auto; text-align: center; font-size: 22px; line-height: 30px; font-weight: 700; background-color: #CCC; color: #FFF; }
.card .filp_p a { color: #FFF; font-size: 24px; line-height: 32px; text-decoration: none; }
.card .filp_p td { padding: 0 10px; }
.card .filp_p img { display: block; width: 100%; height: 100%; }
.card .filp_container0 .filp_p { background-color: #71c6fd; }
.card .filp_container1 .filp_p { background-color: #ed5f5e; }
.card .filp_container2 .filp_p { background-color: #f6b06b; }
.card .filp_container3 .filp_p { background-color: #6e95cc; }
.card .filp_container4 .filp_p { background-color: #48af81; }
.card .filp_back, .card .filp_front { position: absolute; top: 0; left: 5px; z-index: 0; transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s; transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); }
.card .filp_front { z-index: 1; transform: rotate3d(0, 1, 0, 0deg); -webkit-transform: rotate3d(0, 1, 0, 0deg); -moz-transform: rotate3d(0, 1, 0, 0deg); }
.card .filp_container:hover .filp_front { z-index: 0; transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); }
.card .filp_container:hover .filp_back { z-index: 1; transform: rotate3d(0, 1, 0, 0deg); -webkit-transform: rotate3d(0, 1, 0, 0deg); -moz-transform: rotate3d(0, 1, 0, 0deg); }
.card .xxjxsArea_pic { height: 450px; padding-top: 40px; }