@charset "UTF-8";
@import url(reset.css);
@media screen and (max-width: 320px) {
  html {
    font-size: 42.67px !important;
  }
}

@media screen and (min-width: 320px) {
  html {
    font-size: 42.67px;
  }
}

@media screen and (min-width: 350px) {
  html {
    font-size: 46.67px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media screen and (min-width: 400px) {
  html {
    font-size: 53.33px;
  }
}

@media screen and (min-width: 450px) {
  html {
    font-size: 60px;
  }
}

@media screen and (min-width: 550px) {
  html {
    font-size: 73.33px;
  }
}

@media screen and (min-width: 600px) {
  html {
    font-size: 80px;
  }
}

@media screen and (min-width: 640px) {
  html {
    font-size: 85.33px;
  }
}

@media screen and (min-width: 650px) {
  html {
    font-size: 86.67px;
  }
}

@media screen and (min-width: 700px) {
  html {
    font-size: 93.33px;
  }
}

@media screen and (min-width: 750px) {
  html {
    font-size: 100px !important;
  }
}

.warp{
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}

.banner{
	 width: 100%;
	 height: auto;
}
.banner img{
	width: 100%;
	height: auto;
	display: block;
}
.nav{
	width: 100%;
	height:.8rem;
	background:url(../img/nav.png) no-repeat center;
	background-size:100% 100%;
	padding-top:.05rem;
}
.nav_ul{
	width: 100%;
	height:.75rem;
	
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.nav_ul li{
	 font-size: .24rem;	 
	 display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   
}
.nav_ul li a{
	display:block;
	text-align: center;
	line-height: .75rem;
	color:#333333;
	padding-left:.15rem;
  padding-right:.15rem;
	
}
.nav_ul li a.active{
	  background: url(../img/nav1.png);
	  color:#D90500;
	  
}
.nav_ul li a:hover{
	  background: url(../img/nav1.png);
	  color:#D90500;
	  padding-left:.15rem;
    padding-right:.15rem;
}


.part{
	 width:100%;
	 height: auto;
	 background: url(../img/whbj.png) no-repeat center;
	 background-size:100% 100%;
	 padding-top:.58rem;
}
.spirit{
	color:#333333;
	font-size:.36rem;
	text-align: center;
}
.spirit img{
	width:.42rem;
	height:.3rem;
	display: inline-block;
	position: relative;
	top:.1rem;
}

.dla{
	width:95%;
	height:2.1rem;
	margin: 0 auto;
	background:url(../img/nrbj.png) no-repeat center;
	background-size:100% 100%;
	padding-left: .2rem;
	padding-right: .2rem;
	margin-top:.5rem;
  
}
.dla .dta{
	  width: 1.5rem;
    height: auto;
    float: left;
    position: relative;
    top: -0.4rem;
    overflow: hidden;
}
.dla .dta a{
	display: block;
}
.dla .dta a img{
	width: 100%;
	height:auto;
	display: block;
}
.dda{
	margin-left:1.6rem;
}
.dda_bt a{
	color:#333333;
	font-size:.32rem;
	padding-top:.2rem;
	display: block;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  overflow: hidden;
}
.dda_nr a{
	color:#666666;
	font-size:.24rem;
	display: block;
	padding-top:.2rem;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  overflow: hidden;
}
.dda_xm{
	font-size:.24rem;
	color:#666666;
	padding-top:.2rem;
}

.part1{
  width:100%;
  height:auto;
  margin:0 auto;
  overflow: hidden;
}

.ckgd{
	color: #999999;
	text-align: center;
	font-size: .26rem;
	padding-top: .2rem;
}
.ckgd img{
	width:.32rem;
	height:.17rem;
	display: block;
	margin: 0 auto;
	margin-top: .1rem;
}

#xinz{
	display: none;
}

.footer{
	width: 100%;
	height:auto;
	padding-top: .2rem;
	padding-bottom: .8rem;
	background:url(../img/dbjj.png) no-repeat center;
	background-size:100% 100%;	
	margin-top:.5rem;
}
.spirit.a{
	color: #FFFFFF;
   font-size: .36rem;
   padding-top: .54rem;
}


.swiper-container {
        width:100%;
        margin:20px auto;
}
.swiper-slide {            
        background: #fff;    
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;      
}
#container2 .swiper-slide a{
	position:relative;
}
#container2 .swiper-slide a img{
	width: 100%;
	height: auto;
}
.lunbo{
	 position: relative;
	 margin-top: .2rem;
	 width: 95%;
	 height: auto;
	 margin: 0 auto;
	 margin-top:.5rem;
}
#container2 .swiper-slide a span{
	position:absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	display: block;
	color:#FFFCFD;
	font-size:.26rem;
	width: 100%;
	line-height:.56rem;
	text-align:center;
	overflow:hidden;
}
.lunbo .swiper-pagination{
	position: absolute;
	bottom:-10%;
	left:43%;
}
@media screen and (max-width:1924px) and (min-width:750px){
	.lunbo .swiper-pagination{
	position: absolute;
	bottom:-10%;
	left:45%;
}