@charset "utf-8";
.more{ float:right; font-size:16px; padding-right:20px; font-weight:bold; padding-bottom:10px; color:#333333}
/* footer */
.pc{ display:block;}
.sj{ display:none}
.c01 span{ float:left; width:90px;  display:block; font-weight:bold; font-size:16px}
footer {
padding: 0.5rem 0 .65rem;
	background: url(../images/fbg.jpg) no-repeat center/cover;
	position: relative;
	overflow:hidden;
	padding-top:80px;
	padding-bottom:80px;
}
.foot-t {
	justify-content: space-between;
}
.foot-t .fot1 {
	width: 36%;
	margin-top: 0.18rem;
	float:left;
}
.foot-t .fot2 {
	width: 38%;
	padding: 0px;
	float:left
}
.foot-t .fot3 {
	width: 26%;
	float:left
}
.foot-t p {
	color: #fff;
	line-height:36px;
	font-size:14px
}
.foot-t .fot1 .bq {
	margin-top: 0.18rem;
	align-items: center;
}
.foot-t .fot1 .bq .img {
	width: 0.51rem;
}
.foot-t .fot1 .bq .p {
width: calc(100% - .51rem);
padding-left: .15rem;
}
.foot-t .fot1 .bq a {
	align-items: center;
}
.foot-t .fot1 .bq .p a img {
	display: block;
margin-right: .1rem;
	width: 0.18rem;
}
.foot-t .fot1 .p p {
margin-bottom: .15rem;
}
.foot-t .fot2 .log {
	width:400px;
}
.foot-t .fot2 .log img {
	width:100%;
}
.foot-t .fot3 ul {
	justify-content:flex-end;
}
.foot-t .fot3 li {/* margin-left: 0.5rem; */
	text-align: center;
	width: 33.3%;
	float:right;
}
.foot-t .fot3 p {
margin-top: .15rem;
}
.foot-t .fot3 li .ewm {
	width:90px;
	margin: 0 auto;
}
.foot-t .fot3 li img {
	width:100%
}
.a01 {
	width:100%;
	overflow:hidden;
}
.a01 li {
	float:left;
	width:48%;
	margin-right:2%;
	background-repeat: no-repeat;
	margin-bottom:15px;
}
.a01  li:nth-child(3) {
 float:left;
 width:98%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-bottom:15px;
 background-color:#333333;
}
.a01 li .aa01 {
	display:block;
	color:#FFFFFF;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	

	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	width:100%;
	display:block;
}
.a01 li img {
	width: 100%;
	height: 100%;
}
.a02 {
	float:left;
	width:98%;
	margin-right:2%;
	overflow:hidden;
	padding-top:135px;
	background-repeat: no-repeat;
}
.a02 .aa02 {
	display:block;
	z-index:100;
	margin-top:135px;
	color:#FFFFFF;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center
}
.a02 img {
	width: 100%;
	height: 100%;
}
.a03 {
	width:100%;
	overflow:hidden;
}
.a03 li {
	float:left;
	width:48%;
	margin-right:2%;
	background-repeat: no-repeat;
	margin-top:0px;
}
.a03 li:first-child {
 float:left;
 width:98%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-bottom:15px;
 background-color:#333333;
}
.a03  li:nth-child(2) {
 float:left;
 width:48%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-bottom:15px;
 background-color:#333333;
}
.a03  li:nth-child(3) {
 float:left;
 width:48%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-bottom:15px;
 background-color:#333333;
}
.a03 li .aa01 {
	display:block;
	color:#FFFFFF;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	width:100%;
	display:block;
}
.a03 li img {
	width: 100%;
	height: 100%;
}
.hh{ height:190px;}
.sy {
	width:auto;
	padding-top:0px;
	padding-bottom:50px;
}
.sy .s01 {
	float:left;
	width:22%;
	margin-right:5.333%;
}
.sy .s01 .title {
	font-size:30px;
	font-weight:bold;
	color:#000000;
	padding-bottom:20px;
}
.sy .s01 .title span {
	float:right;
	font-size:14px;
	font-weight:normal;
	padding-top:20px;
}
.sy .s01 .body {
	width:auto
}
.sy .s01 .body li {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:30px;
	color:#999999;
	font-size:12px;
	padding-bottom:15px;
}
.sy .s01 .body li a {
	color:#333333;
	font-size:14px
}
.sy .s01 .body li span {
	display:block
}
.sy .s02 {
	float:left;
	width:44%;
	line-height:22px;
	padding-top:22px;
}
.sy .s02 strong {
	display:block;
	color:#000000;
	font-size:18px;
	padding-bottom:10px;
	padding-top:10px;
}
.sy .s02 img {
	width:100%;
}
.sy .s03 {
	float:right;
	width:53%;
}
.sy .s03 .title {
	font-size:30px;
	font-weight:bold;
	color:#000000;
	padding-bottom:20px;
}
.sy .s03 .title span {
	float:right;
	font-size:14px;
	font-weight:normal;
	padding-top:20px;
}
.sy .s03 .body {
	width:auto
}
.sy .s03 .body li {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:30px;
	color:#999999;
	font-size:12px;
	padding-bottom:15px;
}
.sy .s03 .body li a {
	color:#333333;
	font-size:14px
}
.sy .s03 .body li span {
	display:block
}


/*切换*/
.wp{ width: auto;}
.wp ul{ padding:20px;}
.wp li{
	line-height:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:15px;
}
.wp li span{ float:right}
.container {

  width: 100%;
}


.navv {
  position: relative;
  overflow: hidden;
  background-color:#f5f5f5
}

.navv li {
  width: 25%;
  float: left;
  text-align: center;
  list-style: none;
}

.navv li label {
  display: block;
  width: 100%;
  line-height: 50px;
  font-size: 20px;
  cursor: pointer;
  color:#000
}

.content {
  overflow: hidden;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding:0px;
  background-color:#ededed;
 
}

.content1,
.content2 {
  display: none;
  width: 100%;
  height: 100%;
}

.nav1:checked ~ .navv li {
  color: #fff;
   
}
.nav1:checked ~ .navv li:first-child {
  color: #fff;
}

.nav2:checked ~ .navv li {
	border-bottom-width:0px;
  color: #fff;
 
}
.nav2:checked ~ .navv li:last-child {

 	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3257b0;
  color: #fff;
}

.nav1:checked ~ .content > div {
  display: none;
}
.nav1:checked ~ .content > div:first-child {
  display: block;
}

.nav2:checked ~ .content > div {
  display: none;
}
.nav2:checked ~ .content > div:last-child {
  display: block;
}

.navv li.active {
	color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3257b0;
}

.content .default {
  display: block;
}
/*切换结束*/
 @media all and (max-width:1700px) {
.wp li {
    line-height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    font-size: 15px;
}
}
 @media all and (max-width:1500px) {
.wp li {
    line-height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    font-size: 15px;
}
}
 @media all and (max-width:1000px) {
 .pc{ display:none;}
.sj{ display:block}
.hh{ height:0px;}
 .wp{ width: auto;}
.wp ul{ padding:20px;}
.wp li{
	line-height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:18px;
	color:#000000;
	padding-bottom:9px;
	padding-top:8px;
}
.wp li span{ float: none; display:block; color:#999;}

.navv li {
  width: 35%;
  float: left;
  text-align: center;
  list-style: none;
}

 .sy {
width:auto;
padding-top:0px;
padding-bottom:50px;
}
.sy .s01 {
float: none;
width:100%;
margin-right:0%;
}
.sy .s01 .title {
font-size:30px;
font-weight:bold;
color:#000000;
padding-bottom:20px;
}
.sy .s01 .title span {
float:right;
font-size:14px;
font-weight:normal;
padding-top:20px;
}
.sy .s01 .body {
width:auto
}
.sy .s01 .body li {
 clear:both;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 line-height:30px;
 color:#999999;
 font-size:12px;
 padding-bottom:15px;
}
.sy .s01 .body li a {
color:#333333;
font-size:14px
}
.sy .s01 .body li span {
display:block
}
.sy .s02 {
float: none;
width:100%;
line-height:22px;
padding-top:35px;

}
.sy .s02 strong {
display:block;
color:#000000;
font-size:18px;
padding-bottom:10px;
padding-top:10px;
}
.sy .s02 img {
width:100%;
}
 .sy .s03 {
float: none;
width:100%;
}
.sy .s03 .title {
font-size:30px;
font-weight:bold;
color:#000000;
padding-bottom:20px;
}
.sy .s03 .title span {
float:right;
font-size:14px;
font-weight:normal;
padding-top:20px;
}
.sy .s03 .body {
width:auto
}
.sy .s03 .body li {
 clear:both;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 line-height:30px;
 color:#999999;
 font-size:12px;
 padding-bottom:15px;
}
.sy .s03 .body li a {
color:#333333;
font-size:14px
}
.sy .s03 .body li span {
display:block
}
 .a01 {
 width:100%;
 overflow:hidden;
}
.a01 li {
 float:left;
 width:48%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-bottom:15px;
}
.a01 li .aa01 {
 display:block;
 color:#FFFFFF;
 height:50px;
 line-height:50px;
 font-size:16px;
 text-align:center;
 margin-top:90px;
 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
width:100%;
display:block;
}
 .a01 li img {
 width: 100%;
 height: 100%;
}
.a02 {
 float:left;
 width:98%;
 margin-right:2%;
 overflow:hidden;
 padding-top:0px;
 background-repeat: no-repeat;
}
.a02 .aa02 {
 display:block;
 z-index:100;
 margin-top:100px;
 color:#FFFFFF;
 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
 height:50px;
 line-height:50px;
 font-size:16px;
 text-align:center
}
.a02 img {
 width: 100%;
 height: 100%;
}
 .a03 {
 width:100%;
 overflow:hidden;
}
.a03 li {
 float:left;
 width:48%;
 margin-right:2%;
 background-repeat: no-repeat;
 margin-top:15px;
}
.a03 li .aa01 {
 display:block;
 color:#FFFFFF;
 height:50px;
 line-height:50px;
 font-size:16px;
 text-align:center;
 margin-top:120px;
 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
width:100%;
display:block;
}
.a03 li img {
 width: 100%;
 height: 100%;
}
 .foot-t .fot1 {
 width: 95%;
 margin-top: 0rem;
 margin-left:5%;
 float: none;
 clear:both;
}
.foot-t .fot2 {
 width: 90%;
 padding: 0 0%;
 float:left;
}
.foot-t .fot2 .log {
width:90%;
margin-left:10%;
margin-top:20px;
margin-bottom:20px;
}
.foot-t .fot2 .log img {
 width:100%;
}
.foot-t .fot3 {
 width:75%;
 float: none;
 padding-top:50px;
}
}