@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#555; font-size: 1rem;}
a{text-decoration:none; color:#555;}
li{list-style:none;}

body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}
.left{float:left!important}
.right{float:right!important}
.floatClear{zoom: 1;}
.floatClear{content: '.'; width: 0; height: 0; display: block; clear: both; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden; }
.allW img{width:100%;}
.margin-b{margin-bottom: 0.8rem;}
.margin-t{margin-top: 0.8rem;}
.margin-a{margin-top: 0.8rem; margin-bottom: 0.8rem;}
.gray-line{background-color: #d5d5d5; height: 0.6rem;}

/*  */
.c-public-title{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.c-public-title .h1{
	color: #eee;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}
.c-public-title .h2{
	color: #137cbf;
	text-align: center;
	font-size: 1.18rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -0.9rem;
}

.c-public-main li:nth-of-type(1){
	width: 25.48%;
	margin-top: 0.75rem;
}
.c-public-main li:nth-of-type(3){
	width: 25.48%;
	margin-top: 0.72rem;
}
.c-public-main li:nth-of-type(2){
	width: 49.02%;
	text-align: center;
	font-size: 0.99rem;
	color: #f9bc01;
	font-weight: bold;
}
.c-public-main02 li:nth-of-type(1){
	width: 18.125%;
	margin-top: 0.75rem;
}
.c-public-main02 li:nth-of-type(3){
	width: 18.125%;
	margin-top: 0.72rem;
}
.c-public-main02 li:nth-of-type(2){
	width: 61.5%;
	text-align: center;
	font-size: 1.22rem;
	color: #f9bc01;
	font-weight: bold;
}


/*  */
.c-g-line{
	height: 0.6rem;
	background-color: #eee;
}

.p-videos ul li{
	float: left;
	width: 32.65%;
	margin-right: 1.025%;
	position: relative;
	margin-bottom: 0.8rem;
}
.p-videos ul li:last-child{
	margin-right: 0;
}
.p-videos ul li img{
	display: block;
	width: 100%;
}
.p-videos ul li span{
	text-align: center;
	display: block;
	width: 100%;
	font-size: 0.9rem;
	line-height: 1.6rem;
	position: absolute;
	bottom: 0;
	background-color:rgba(0,0,0,0.4);
	color: #fff;
}

.pqq-videos ul li{
	float: left;
	width: 32.2%;
	margin-right: 1.7%;
	margin-bottom: 0.8rem;
}

.pqq-videos li:last-child{
	margin-right: 0;
}
.pqq-videos ul li video{
	display: block;
	width: 100%;
}
.pqq-videos ul li span{
	text-align: center;
	display: block;
	width: 100%;
	font-size: 0.75rem;
	line-height: 1.1rem;
	margin-top: 0.5rem;
}

.c-btn{
	width: 42.96875%;
	margin: 0 auto;
	background-color: #fd9446;
	border-radius: 0.3rem;
	overflow: hidden;
	height: 2.25rem;
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
}

.c-btn img{
	width: 12%;
	height: 2.25rem;
}
.c-btn span{
	line-height: 2.25rem;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	width: 56%;
}
.c-btn img.left{
	padding: 0 5% 0 7%;
	width: 12%;
	background-color: #f67617;
}
.c-btn img.right{
	padding-right: 8%;
}
/*  */
.p-tab{
	margin-top: 2rem;
}

.p-tab-nav li{
	float: left;
	width: 20%;
	height: 2.8125rem;
	text-align: center;
	box-sizing: border-box;
	padding-top: 0.28rem;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	background: url(../images/pqq_34.jpg) no-repeat 0 0;
	background-size: 100% 2.8125rem;
	font-size: 0.8rem;
	margin-bottom: 0.2rem;
}
/* .c-tab-nav li:last-child{
	margin-right: 0;
} */

.p-tab-nav .on{
	color: #fff;
	background: url(../images/pqq_32.jpg) no-repeat 0 0;
}
.p-tab-nav .on a {color:inherit;}

.p-tab-txt-main{
	box-sizing: border-box;
	border:1px #ccc solid;
	padding: 0.65rem 0.3rem;
	border-radius: 0.3rem;
	margin-top: -0.39rem;
}
.p-tab-txt-main dd{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.p-tab-txt-main dd:last-child{
	margin-right: 0;
}
/* .c-tab-txt-main dd:last-child{
	margin-left: 4%;
}
 */
.p-tab-txt-main dd img{
	display: block;
	width: 100%;
}
.em1{
	display: block;
	margin-top: 0.6rem;
	margin-left: 2rem;
	width: 0.75rem; 
	height: 0.75rem;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #fff;
	transform: rotate(45deg);
}

.em2{
	display: block;
	margin-top: 0.6rem;
	margin-left: 27%;
	width: 0.75rem; 
	height: 0.75rem;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #fff;
	transform: rotate(45deg);
}
.em3{
	display: block;
	margin-top: 0.6rem;
	margin-left: 47%;
	width: 0.75rem; 
	height: 0.75rem;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #fff;
	transform: rotate(45deg);
}
.em4{
	display: block;
	margin-top: 0.6rem;
	margin-left: 67%;
	width: 0.75rem; 
	height: 0.75rem;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #fff;
	transform: rotate(45deg);
}
.em5{
	display: block;
	margin-top: 0.6rem;
	margin-left: 87%;
	width: 0.75rem; 
	height: 0.75rem;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #fff;
	transform: rotate(45deg);
}

.p-five-stare{
	height: 16.3125rem;
	background: url(../images/pqq_16.jpg) no-repeat 0 0;
	background-size: 100% 16.3125rem;
}
.p-five-stare ul{
	width: 91%;
	margin: 0 auto;
	padding-top: 1.2rem;
}
.p-five-stare ul li{
	font-size: 0.8rem;
	text-align: center;
	color: #33a2f8;
	float: left;
	margin-bottom: 1.5rem;
	/* padding-top: 5rem; */
	padding-bottom: 0.5rem;
}
.p-five-stare ul li:nth-of-type(1){
	width: 32.3%;
	margin-right: 1.9%;
}
.p-five-stare ul li:nth-of-type(1) a{
	padding-top: 5rem;
}
.p-five-stare ul li:nth-of-type(2) a{
	padding-top: 5rem;
}
.p-five-stare ul li:nth-of-type(3) a{
	padding-top: 5rem;
}
.p-five-stare ul li:nth-of-type(4) a{
	padding-top: 3.5rem;
	padding-bottom: 1.5rem;
}
.p-five-stare ul li:nth-of-type(5) a{
	padding-top: 3.5rem;
	padding-bottom: 1.5rem;
}





.p-five-stare ul li:nth-of-type(2){
	width: 31.8%;
	margin-right: 2%;
}
.p-five-stare ul li:nth-of-type(3){
	width: 32%;
}
.p-five-stare ul li:nth-of-type(4){
	width: 31.8%;
	margin-left: 17%;
	margin-right: 2%;
}
.p-five-stare ul li:nth-of-type(5){
	width: 32%;
}
.p-five-stare ul li a{
	display: block;
	width: 100%;
}

/*  */
#pqq .swiper-slide {
     
	width: 60%;
	height: 100%;

}
#pqq .swiper-slide video{
    display:block;
	width: 100%;
}
#pqq .swiper-slide span{
	display: block;
	width: 100%;
	font-size: 0.7rem;
	text-align: center;
	line-height: 2.4rem;
}