/* 手机端CSS */
@media screen and (min-width:320px) {
	html {font-size: 62% !important;}
}
@media screen and (min-width:360px) {
	html {font-size: 70% !important;}
}
@media screen and (min-width:375px) {
	html {font-size: 70% !important;}
}
@media screen and (min-width:384px) {
	html {font-size: 70% !important;}
}
@media screen and (min-width:400px) {
	html {font-size: 75% !important;}
}
@media screen and (min-width:414px) {
	html {font-size: 75% !important;}
}
@media screen and (min-width:424px) {
	html {font-size: 87.5% !important;}
}
@media screen and (min-width:480px) {
	html {font-size: 87.5% !important;}
}
@media screen and (min-width:540px) {
	html {font-size: 100% !important;}
}
@media screen and (min-width:720px) {
	html {font-size: 125%;}
}
@media screen and (min-width:750px) {
	html {font-size: 125%;}
}

.mobile_dh{
	display: none;
}

.swiper_mobile{
	display: none;
}
.swiper_pc{
		display: block;
	}
	.swiper_top_text{
		text-align: left;
		width: auto;
		height: 10rem;
		line-height: 10rem;
		font-size: 45px;
		color: #fff;
		position: absolute;
		left: 16%;
		top: 38%;
		font-weight: 600;
	}
	.index_tz_more{
		position: absolute;
		right: 50px;
		bottom: 26px;
		font-size: 16px;
		color: #fff;
		text-align: right;
		z-index: 9;
		cursor: pointer;
		    background: rgba(0,0,0,0.4);
		    box-sizing: border-box;
		    padding: 6px;
		    border-radius: 3px;
	}
@media only screen and (max-width: 1450px) {
	.yw_ly .ly_bomm .ly_con img{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1445px) {
	.index_tz_more{
		position: absolute;
		right: .2rem;
		bottom: .5rem;
		font-size: 1.1rem;
		color: #fff;
		text-align: right;
		z-index: 9;
		
	}
	.swiper_top_text{
		text-align: left;
		width: auto;
		height: 10rem;
		line-height: 10rem;
		font-size: 2.2rem;
		color: #fff;
		position: absolute;
		left: 16%;
		top: 24%;
		font-weight: 600;
	}
	.nav_logo img{
		width: auto;
		height: 4rem;
	}
	.header .header_nav .nav_logo .logo{
		height: 4rem;
	}
	.header .header_nav{
		height: 5rem;
	}
	.header .header_nav .nav_logo{
		width: 40%;
		height: 4rem;
		background-size: 100% !important;
		margin-left: .5rem;
		margin-top:.5rem ;
		max-width: 275px;
	}
	.mobile_dh{
		width: 2rem;
		height: 2rem;
		float: right;
		margin-right: .5rem;
		font-size: 1.6rem;
		display: block;
		line-height: 1rem;
		cursor: pointer;
		/* margin-top: -0.3rem; */
	}
	.nav_list{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		height: auto !important;
		background-color: rgba(0,0,0,0.9);
		width: 40% !important;
		max-width: 250px !important;
		z-index: 9;
	}
	.nav_list ul{
		height: auto !important;
		box-sizing: border-box;
		padding-top: 3rem;
	}
	.nav_list ul li{
		float: none;
		width: 100% !important;
		height: 3rem !important;
		line-height: 3rem !important;
		box-sizing: border-box;
		text-align: center;
		margin: .5rem auto;
		font-size: 1.2rem !important;
		font-weight: 500 !important;
	}
	.nav_list ul > span{
		display: none;
	}
	.nav_list ul li a{
		color: #fff !important;
		height: auto;
		width: 100%;
		display: inline-block;
	}
	.noclock2 a{
		display:inline !important;
	}
	
	.actt_cl:hover{
		background-color: #b04b1d !important;
	}
	
	.nav_list  .active{
		border-bottom: 0 !important ;
		background-color: #b04b1d !important;
	}
	.actt{
		position: fixed;
		/* left: 40% !important; */
		width: 40% !important;
		/* top:0 !important; */
		background-color: rgba(0,0,0,0.8);
		padding: 1rem 0 !important;
		height: auto !important;
		z-index: 9;
		max-width: 220px;
	}
	.actt_cl{
		width: 100% !important;
		height: 3.5rem !important;
		color: #fff !important;
		margin: 0 !important;
		padding: 0 !important;
		 line-height: 3.5rem !important;
		 box-sizing: border-box;
		 text-align: left !important;
		 padding-left: 2rem !important;
	}
	.actt_cl a{
		color: #fff !important;
		font-size: 1.2rem !important;
		font-weight: 500 !important;
	}
	.header .header_act .actt div i{
		margin-right: 1rem;
	}
	.header .header_act .actt div:hover{
		background-color: none !important;
		background: none;
	}
	
	.close_mobile_menu{
		display: none;
		position: fixed;
		z-index: 8;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: none;
	}
	
	
	
	
	.noclock{
		text-align: center;
	}
	.search_i{
		margin-left: 2rem;
		float: none !important;
	}
	
	
	.serach{
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0,0,0,0.8);
		left: 0;
		top: 0;
		z-index: 99999;
	}
	.serach_c{
		width: calc(100% - 2rem);
		background-color: #fff;
		height: 6rem;
		position: absolute;
		top: 15%;
		left: 1rem;
		margin-left: 0;
		border-radius: 3px;
	}
	.serach_con{
		width: 90%;
		height:3rem;
		margin-left: 5%;
		margin-top: 1.5rem;
	}
	.serach_con input{
		width: 75%;
		height: 3rem;
		border: 1px solid #b04b1d;
		float: left;
		font-size: 1.2rem;
		box-sizing: border-box;
		padding: 10px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	.serach_con button{
		width: 25%;
		float: left;
		height: 3rem;
		background-color: #b04b1d;
		color: #fff;
		text-align: center;
		font-size: 1.3rem;
		color: #fff;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.serch_close{
		position: absolute;
		right: -.5rem;
		top: -.5rem;
		width: 2rem;
		height:2rem;
		border-radius: 25px;
		background-color: #b04b1d;
		text-align: center;
		line-height: 2rem;
		color: #fff;
		font-size: 1rem;
		font-weight: 200;
		cursor: pointer;
	}
	
	.swiper_icon{
		display: none;
	}
	
	.myprev, .mynext{
		top: 60%;
		width: 1.5rem;
		height: 2rem;
		background-size: 100% 100%;
	}
	.gy_me_r{
		background-image: none !important;
		width: calc( 100% - 2rem) !important;
		margin-left: 1rem;
		margin-top: 1rem !important;
	}
	.gy_me_l{
		width: 100% !important;
	}
	.gy_me .gy_me_zy .gy_me_r img {
	    width: 100%;
	    margin-top: 1rem;
	    float: left;
		margin-left: 0;
	    /* margin-left: 1rem; */
	    /* padding-right: 1rem; */
	}
	.gy_me{
		height: auto;
		min-height: 3rem;
		overflow: hidden;
		padding: 3rem 0;
		background-size: 100%;
	}
	.gy_me .gy_me_zy .gy_me_l .hg{
		height: .5rem;
		margin-bottom: 3rem;
		width: 35%;
		margin-left: 1rem;
	}
	.gy_me .gy_me_zy .gy_me_l h4{
		font-size: 2.5rem;
		box-sizing: border-box;
		padding-left: 1rem;
		margin-bottom: 3rem;
	}
	.gy_me .gy_me_zy .gy_me_l p{
		width: 100%;
		max-width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding: 0 1rem;
		text-align: left;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	.gy_me .gy_me_zy .gy_me_l button{
		margin-left: 1rem;
		margin-top: 3rem;
		font-size: 1.3rem;
		width: 10rem;
		height: 3.5rem;
		line-height: 3.5rem;
	}
	/* .yw_ly{
		width: 100%;
		height: auto;
		min-height: 5rem;
		overflow: hidden;
	} */
	
	.yw_ly .ly_list{
		width: 100%;
		height:6rem;
	}
	.yw_ly .ly_title h4{
		line-height: 6rem;
		font-size: 2rem;
		box-sizing: border-box;
		padding-left: 1rem;
	}
	.yw_ly .ly_bomm{
		top: 6rem;
	}
	.yw_ly{
		height: 30rem;
	}
	.yw_ly .ly_bomm_img{
		height: 30rem;
	}
	.yw_ly .ly_bomm .ly_con{
		width: 40%;
		height: 24rem;
		left: 1rem;
		padding: 1rem;
		background-size: 100%;
	}
	.yw_ly .ly_bomm .ly_con img{
		margin-top: 2rem;
		width: 2rem;
		height: 2rem;
	}
	.yw_ly .ly_bomm .ly_con button{
		margin-top: 1rem;
		width: 7rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}
	.yw_ly .ly_bomm .ly_con .ly_con_title{
		margin-top: 1.5rem;
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	.yw_ly .ly_bomm .ly_con .ly_con_p{
		margin-top: 1.5rem;
		font-size: 1.2rem;
		margin-bottom: 0rem;
		padding: 0rem;
		line-height: 2rem;
		min-height: 2rem;
	}
	.swiper_ly .swiper-slide{
		height: 30rem !important;
	}
	.yw_ly .ly_bomm .ly_con .ly_con_p p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    max-height: 118px;
	    min-height: 2rem;
		}
	.yw_ly .ly_bomm .ly_con button a{
		font-size: 1.3rem;
	}
	.ly_left,.ly_right{
		width: 3rem;
		height: 6rem;
	}
	.ly_right{
		right: -3rem;
	}
	.al_list_l{
		width: 100% !important;
	}
	.al_list .al_list_r{
		width: 100%;
		height: auto;
	}
	.al_list {
		padding: 3rem 0;
		padding-bottom: 0;
		background-size: 100%;
	}
	.al_list .al_list_l{
		margin: 0 1rem;
		width: calc(100% - 2rem) !important;
	}
	.al_list_s{
		display: none;
	}
	.al_list .al_list_l h4{
		margin-bottom: 3rem;
		font-size: 2.5rem;
	}
	.al_list_b{
		display: block;
		height: 3.5rem;
		margin-bottom: 2rem;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r button{
		width: 10rem;
		height: 3.5rem;
		line-height: 3.5rem;
	}
	
	.index_al{
		height: 3.5rem;
		width: 100%;
		margin-bottom: 2rem;
	}
	.index_al ul{
		height: 3.5rem;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.index_al ul li{
		width: 10rem;
		height: 3.5rem;
		display: inline-block;
	}
	.al_list .al_list_l .al_list_b .al_but{
		width: 10rem;
		height: 3.5rem;
		display: inline-block;
		margin-top: 0;
		font-size: 1.4rem;
	}
	.al_list .al_list_r .swiper_al .lianjie{
		width: 3rem;
		height: 3rem;
	}
	.al_list .al_list_r .swiper_al .wenz{
		height: 6rem;
		padding-left: 1rem;
	}
	.al_list .al_list_r .swiper_al .wenz h4{
		font-size: 1.4rem;
		height: 2rem;
		line-height: 2rem;
		margin-bottom: .5rem;
		width: 60%;
		overflow: hidden;
		display: block;
		    white-space: nowrap;
		    text-overflow: ellipsis;
	}
	.al_list .al_list_r .swiper_al .wenz p{
		font-size: 1rem;
	}
	.swiper_al .swiper-pagination-bullet{
		width: 1rem;
		height: 1rem;
	}
	.swiper_al .swiper-pagination{
		bottom: 4.5rem;
		right: .2rem;
	}
	.fz_list{
		padding-top: 3rem;
		width: 100%;
		height: auto;
		overflow: hidden;
		
	}
	.fz_list h4{
		font-size: 2.5rem;
		margin-bottom: 3rem;
		box-sizing: border-box;
		padding-left: 1rem;
	}
	.fz_list .fz_con{
		height: 30rem;
	}
	.fz_con{
		background-size: 100%  50% !important;
	}
	
	/*.fz_list .fz_con .swiper_fz .fz_wrapper>div:nth-child(1){
		display: none;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r{
		width: 100%;
		padding: 0 1rem;
		padding-bottom: 3rem;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r h3{
		font-size: 2.5rem;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r h5{
		font-size: 1.8rem;
		margin: 1.5rem auto;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r p{
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	.paginations{
		font-size: 1.3rem;
		padding: 0 2.5rem;
		display: none;
	}*/
	.fz_list .swiper_b .swiper-button-next, .fz_list .swiper_b .swiper-button-prev{
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		font-size: 1.5rem;
	}
	.fz_list .swiper_b .swiper-pagination{
		padding: 0  2.5rem;
	}
	.fz_list .swiper_b .swiper-pagination-bullet-active{
		width: 2rem;
		height: 2rem;
	}
	.footer .footer_div{
		padding: 1rem 1rem;
	}
	.footer .footer_div_left{
		width: 100%;
		text-align: center;
	}
	.footer .footer_div_left ul.breadcrumb{
		display: flex;
		justify-content: center;
	}
	.footer .footer_div_left ul.breadcrumb li{
		font-size: 1rem;
	}
	.footer .footer_div_left ul.breadcrumb li+li:before{
		padding: .3rem;
	}
	.footer .footer_div_left img{
		width: 70%;
		margin-left: auto;
	}
	.footer .footer_div_right{
		width: 100%;
		text-align: center;
		margin-top: 1.5rem;
	}
	.footer .footer_div_right .rqgj{
		font-size: 1.6rem;
		margin-bottom: 1rem;
		display: none;
	}
	.footer .footer_div_right .yiyang{
		font-size: 1.2rem;
		margin-bottom: .5rem;
	}
	.footer .footer_div_right .yiyang2{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	
	
	#page .layui-laypage .layui-laypage-prev, #page .layui-laypage .layui-laypage-next{
		width: 4rem !important;
		height: 3rem !important;
		line-height: 3rem !important;
	}
	#page .layui-laypage a, .layui-laypage span{
		width: 3rem !important;
		height: 3rem !important;
		line-height: 3rem !important;
		margin-bottom: 1rem !important;
	}
	
	
	
	
	
	.swiper_top img{
		/* height: 20rem; */
	}
	.lx_nav ul{
		height: 3.5rem;
		display: flex;
	}
	.lx_nav ul li{
		line-height: 3.5rem;
		font-size: 1.2rem;
		width: 8rem;
		float: left;
	}
	.lx_list_rmy .rmy_list_l{
		width: calc( 100% - 2rem ) !important;
		height: auto !important;
		min-height: 10rem !important;
		padding: 1rem !important;
		margin-left: 1rem !important;
		margin-bottom: 40px !important;
		
	}
	.lx_list_rmy .rmy_list_l .list_r{
		padding: 1rem !important;
	}
	.lx_p .title{
		line-height: 2.5rem;
		font-size: 1.6rem;
	}
	.lx_p .con{
		font-size: 1.3rem;
	}
	.lx_list_rmy .rmy_list_r{
		width: calc( 100% - 2rem ) !important;
		height: auto !important;
		min-height: 25rem !important;
		margin-left: 1rem !important;
	}
	.lx_list_rmy{
		padding-bottom: 40px;
	}
	
	.jr_list .jr_con{
		min-height: 10rem;
		padding: 1rem;
	}
	.jr_list .jr_con h2{
		font-size: 2.5rem;
	}
	.jr_list .jr_con p{
		font-size: 1.3rem;
		margin-bottom: 2rem;
	}
	.jr_tablehead {
	    height: 4rem !important;
	    width: 100%;
	    background-color: #b04b1d;
	    font-size: 1.2rem !important;
	    color: #fff;
	    line-height: 4rem !important;
	    text-align: center;
	}
	.jr_tablehead li {
	    line-height: 4rem !important;
	    height: 4rem !important;
	    float: left;
	}
	.jr_tablehead li:nth-child(1) {
	    width: 35%;
	    text-align: left;
	    box-sizing: border-box;
	    padding-left: 1rem !important;
	}
	.layui-colla-title {
	    width: 100%;
	    padding: 0;
	    height: 3.5rem !important;
	    line-height: 3.5rem !important;
	    text-align: center;
	}
	.layui-colla-title i {
	    display: block;
	   line-height: 3.5rem !important;
	    float: left;
	    font-style: normal;
	    font-size: 1rem !important;
	}
	/* .layui-colla-title i:nth-child(1) {
	    width: 35%;
	    text-align: left;
	    box-sizing: border-box;
	     padding-left: 1.2rem !important;
		 overflow: hidden;
	} */
	.layui-colla-title i:nth-child(5) {
	    width: 1.5rem !important;
	    height: 1.5rem !important;
	    border-radius: 2rem !important;
	    background-color: #cccccc;
	    color: #fff;
	    text-align: center;
	    line-height: 1.5rem !important;
	    float: right;
	    margin-right: 1rem !important;
	    margin-top: .75rem !important;
	}
	.layui-colla-content p{
		padding: 0 !important;
		margin: 0 !important;
		font-size: 1.1rem !important;
	}
	.swiper_pc{
		display: none ;
	}
	.swiper_mobile{
		display: block;
	}
	.fz_list .swiper_b .swiper-pagination-bullet{
		margin-right: 0;
	}
	
	.fz_list .swiper_b .swiper-pagination{
		height: 90px;
		
		left: -4.5rem;
		top: 70%;
		transform: translateY(-40%);
	
	-webkit-box-align: center;
	    -moz-box-align: center;
	    -o-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -moz-box-pack: justify;
	    -o-box-pack: justify;
	    -ms-flex-pack: justify;
		white-space:nowrap;
		display: block; 
		}
	.fz_list .swiper_b .swiper-pagination-bullet{background-color: #b04b1d;opacity: 1; top: 0px; position: relative; margin-right: 4rem; top: -19px;}
	.fz_list .swiper_b .swiper-pagination-bullet-active{width: 35px;height: 35px;background:url(../images/miaozhun_03.png) no-repeat; background-size: 100% 100%; top: 2px !important;}
	.paginations{padding: 0 85px;position: absolute;top: 80%;font-size: 16px;}
	.swiper-pagination-bullet{
		top: -19px;
	}
	.fz_list .swiper_b .swiper-pagination-bullet-active-main{
		top: -11px;
	} 
	.swiper-pagination-bullet-active font{
		width: 120px;
		text-align: center;
		height: 30px;
		left: 50%;
		margin-left: -60px;
		top: 50px !important;
		display: block;
		position: absolute;
		line-height: 30px;
		color: #b04b1d;
	}
	.swiper_b .swiper-pagination-bullet-active-main{
		font-size: 1.3rem;
		color: #000;
	}
	.swiper-pagination-bullet-active-main font{
		position: absolute;
		top: 35px;
		width: 120px;
		text-align: center;
		height: 30px;
		left: 50%;
		margin-left: -60px;
		display: block;
		line-height: 30px;
	}
	.swiper-pagination-bullet-active-next,.swiper-pagination-bullet-active-prev{
		width: 0;
		height: 0;
	}
	
	
}
@media only screen and (max-height:880px){
	  .yw_ly .ly_bomm .ly_con img {
	      margin-top: 70px;
	      width: 50px;
	      height: 50px;
	  }
	  .swiper_top_text{
		  font-size:1.5rem;
		 }
}

@media only screen and (max-height:680px){
	  .yw_ly .ly_bomm .ly_con img {
	      margin-top: 30px;
	      width: 40px;
	      height: 40px;
	  }
	  .yw_ly .ly_bomm .ly_con .ly_con_title {
	      font-size: 22px;
	      color: #ffffff;
	      margin-top: 20px;
	      margin-bottom: 20px;
	  }
	  .yw_ly .ly_bomm .ly_con .ly_con_p{
		  margin-bottom: 20px;
	  }
	  .swiper_top_text{
		  font-size:1.4rem;
		 }
}

@media only screen and (max-width: 1445px){
	.swiper_top_text{
		  font-size:2.2rem;
		 }
	.fz_list .swiper_b .swiper-pagination-bullet{
		margin-right: 9rem;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper>div:nth-child(1) {
	    display: block;
	    width: 50%;
	}
	.fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r {
	    width: 50%;
	    padding: 0 1rem;
	    padding-bottom: 3rem;
	}
}
@media only screen and (max-width: 1000px){
	   .fz_list .swiper_b .swiper-pagination-bullet{
			margin-right: 8rem;
	   }
	   .swiper_al .swiper-pagination{
	   	bottom: 4rem;
	   	right: .2rem;
	   }
	   .swiper_top_text{
		  font-size:1.7rem;
		 }
	   
	   .fz_list .fz_con .swiper_fz .fz_wrapper>div:nth-child(1) {
	       display: none;
	   }
	   .fz_list .fz_con .swiper_fz .fz_wrapper .fz_wrapper_r {
	       width: 100%;
	       padding: 0 1rem;
	       padding-bottom: 3rem;
	   }
	   
}
@media only screen and (max-width: 880px){
	.fz_list .swiper_b .swiper-pagination-bullet{
				margin-right: 6rem;
	}
}
@media only screen and (max-width: 640px){
	.fz_list .swiper_b .swiper-pagination-bullet{
				margin-right: 5rem;
	}
}
@media only screen and (max-width: 520px){
	.fz_list .swiper_b .swiper-pagination-bullet{
				margin-right: 4rem;
	}
	.swiper_top_text{
		  font-size:1.3rem;
		 }
}
@media only screen and (max-width: 380px){
	.fz_list .swiper_b .swiper-pagination-bullet{
				margin-right: 3.5rem;
	}
	.swiper_top_text{
		  font-size:1.3rem;
		 }
}