@media screen and (max-width: 1600px){
.gbook.w80{
	width: 95%;
	background-size: 35% auto;
}


}

@media screen and (max-width: 1200px){

/*.flexslider .slides li img{
    display: block;
    width: 100%;
    height: 120%;
    object-fit: cover;
}*/


.w80{
	width: 95%;
}

.floot_left{
	bottom: 20%;
}


}


@media screen and (max-width: 1000px){

.head2{
	height: 60px;
}
.head2 .w80{
	width: 100%;
	height: 100%;
	position: relative;
}
.head2 .logo{
	margin-left: 2%;
}
.head .logo a{
	height: 60px;
	line-height: 60px;
}
.head2 .logo a img{
	height: 40px;
}
.head2 .nav{
	display: none;
}
.head2 .search_btn{
	display: none;
}

.head2 .mob_nav_btn{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60px;
	height: 100%;
	/*background-color: #ccc;*/
}
.head2 .mob_nav_btn p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 30px;
	height: 2px;
	background-color: #c62721;
	opacity: 1;
	transition: all 0.3s;
}
.head2 .mob_nav_btn p:nth-child(1){
	top: 30%
}
.head2 .mob_nav_btn p:nth-child(2){
	/*opacity: 0;*/
}
.head2 .mob_nav_btn p:nth-child(3){
	top: 70%
}
.head2 .mob_nav_btn.close p:nth-child(1){
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.head2 .mob_nav_btn.close p:nth-child(2){
	opacity: 0;
}
.head2 .mob_nav_btn.close p:nth-child(3){
	top: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.menu{
	display: block;
  position: fixed;
  z-index: 8;
  right: -100%;
  top: 0px;
  width: 100%;
  height: 100%;
  /* overflow-y: auto; */
  transition: all 0.5s;
  padding-top: 60px;
  background-color: rgba(255,255,255,0.9);
}
.menu li{
	position: relative;
	border-bottom: 1px solid #ddd;
}
.menu li a{
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 40px;
  height: 40px;
  padding: 0 40px 0 20px;
  width: calc(100% - 50px);
}
.menu li span{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45px;
	height: 40px;
	border-left: 1px solid #ddd;
}
.menu li span:after,.menu li span:before{
	content: "";
	position: absolute;
	top: 20px;
	left: 17px;
	width: 11px;
	height: 1px;
	background-color: #000;
	transition: all 0.3s;
}
.menu li span:before{
	transform: rotate(90deg);
}
.menu li span.on:after{
	transform: rotate(180deg);
}
.menu li span.on:before{
	transform: rotate(360deg);
}
.menu li dl.xl{
	display: none;
	border-top: 1px solid #ddd;
	box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}
.menu li dl.xl dd{
	border-bottom: 1px dashed #ddd;
}.menu li dl.xl dd:last-child{
	border-bottom: 0px;
}
.menu li dl.xl a{
	margin: 0 10px;
	font-size: 14px;
}


.foot .foot_code{
	display: none;
}

.foot .foot1 .foot_logo{
	width: 46%;
}
.foot .foot1 .foot_nav{
	width: 50%;
}
.foot .foot1 .foot_nav li a{
	font-size: 14px;
}

.page_ban{
	height: 400px;
}

.page_nav{
	width: 97%;
	left: 3%;
	margin-bottom: 25px;
}
.page_nav li{
	width: 33%;
}
.location{
	margin-right: 3%;
}

.page_title h3{
	font-size: 30px;
}
.page_title h5{
	font-size: 24px;
}
.aboutus{
	margin-bottom: 60px;
}
.aboutus .text h3{
	font-size: 26px;
	line-height: 48px;
}
.aboutus .text h5{
	font-size: 18px;
	margin-bottom: 10px;
}
.aboutus .text p{
	font-size: 14px;
	line-height: 30px;
}

.proli{
	/*padding-left: 20%;*/
}
/*.proli .proli_nav{
	width: 20%;
}
.proli .proli_nav h3{
	padding-left: 10px;
}
.proli .proli_nav li a{
	font-size: 14px;
	padding-left: 10px;
	line-height: 40px;
	height: 40px;
}*/

.newsli{
	margin-bottom: 60px;
}
.newsli li a{
	padding: 1%;
}
.newsli li .img{
	width: 20%;
	height: auto;
}
.newsli li .text{
	width: 60%;
}
.newsli li .text h3{
	font-size: 16px;
	margin: 0px;
}
.newsli li .text p{
	font-size: 14px;
	line-height: 25px;
}
.newsli li .date{
	width: 15%;
	margin-top: 15px;
}
.newsli li .date .sj p{
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 5px;
}
.newsli li .date .sj span{
	font-size: 14px;
	line-height: 19px;
}
.newsli li .date .more{
	font-size: 28px;
}

.gbook .text h5{
	font-size: 30px;
	padding-bottom: 10px;
}
.gbook .text h5 i{
	font-size: 30px;
	margin-right: 10px;
}














}


@media screen and (max-width: 880px) {

/*.inbanner .swiper-slide{
	height: 580px;
}
.inbanner .swiper-slide .text{
	left: 3%;
}
.inbanner .swiper-slide .text h5{
	font-size: 38px;
	line-height: normal;
	margin-bottom: 10px;
}
.inbanner .swiper-slide .text p{
	font-size: 22px;
	line-height: normal;
}
.inbanner .swiper-slide .text span{
	margin-top: 30px;
}*/





.inabout{
	padding: 100px 0 50px;
}
.inabout font{
	top: 20px;
}
.inabout .img{
	float: none;
	width: 100%;
}
.inabout .img img{
	height: auto;
	object-fit: fill;
}
.inabout .text{
	float: none;
	width: 100%;
}
.inabout .text a{
	float: left;
}


.inpro{
	padding: 40px 0 80px;
}
.inpro .intl h5{
	top: -50px;
	font-size: 108px;
}

.incase .intl{
	left: 20px;
	width: calc(45% - 20px);
	text-align: justify;
}

.innews .left{
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.innews .left img{
	width: 100%;
	height: auto;
	object-fit: fill;
}
.innews .right{
	float: none;
	width: 100%;
}
.innews .right li{
	margin-bottom: 20px;
}


.location{
	display: none;
}

.proli .proli_con li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%
}
.proli .proli_con li:nth-child(3n){
	margin-right: 2%;
}
.proli .proli_con li:nth-child(2n){
	margin-right: 0px;
}
.proli .proli_con li a .text{
	padding: 5px 0;
}
.proli .proli_con li a .text p{
	font-size: 14px;
}

.gbook .con li img{
	right: 5px;
	top: 10px;
	height: 30px;
}

.photoli li{
	width: 32%;
	margin-right: 2%;
}
.photoli li:nth-child(4n){
	margin-right: 2%;
}
.photoli li:nth-child(3n){
	margin-right: 0;
}





}

@media screen and (max-width: 780px) {

.incase{
	position: relative;
	height: auto;
}
.incase .intl{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	transform: translate(0);
	padding: 40px 20px;
}
.incase .intl p{
	margin-bottom: 20px;
}
.incase .content{
	/*position: relative;*/
}
.incase .content .incase_img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.incase .content .incase_img li{
	height: 100%;
}
.incase .content .incase_img li .img{
	height: 100%;
}
.incase .content .incase_img li .img img{
	height: 100%;
}
.incase .content .incase_nav{
	position: relative;
	width: 100%;
}
.incase .content .incase_nav li{
	width: 100%;
	height: auto;
	padding: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-top: 1px solid rgba(255,255,255,0.4);
}
.incase .content .incase_nav li .text{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	transform: translate(0,0);
	padding: 20px 20px 20px 100px;
}
.incase .content .incase_nav li .iconfont{
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}


}


@media screen and (max-width: 640px) {


.head1{
	height: 30px;
}
.head1 .left{
	display: none;
}
.head1 p{
	font-size: 14px;
	line-height: 30px;
}

.inbanner{
	margin-top: 60px;
}
.inbanner .swiper-slide img{
	opacity: 0;
}
.inbanner .swiper-slide {
    background-size: auto 120%!important;
}
/*.inbanner .swiper-slide{
	height: 480px;
}
.inbanner .swiper-slide .text h5{
	font-size: 32px;
	margin-bottom: 10px;
}
.inbanner .swiper-slide .text p{
	font-size: 18px;
	line-height: normal;
}
.inbanner .swiper-slide .text span{
	font-style: 13px;
	width: 120px;
	height: 36px;
	line-height: 36px;
	margin-top: 20px;
}*/
.inbanner .swiper-pagination-bullet{
	width: 60px;
	height: 5px;
}


.inabout{
	padding: 40px 0 40px;
}
.inabout font{
	top: 340px;
	font-size: 68px;
	line-height: 68px;
}
.inabout .text h3{
	font-size: 32px;
}
.inabout .text h4{
	font-size: 20px;
	margin-bottom: 10px;
}
.inabout .text h5{
	font-size: 20px;
	margin-bottom: 20px;
}


.inpro{
	padding: 20px 0 40px;
}

.innews .intl{
	margin-bottom: 50px;
}
.innews .intl h5{
	top: -60px;
	font-size: 108px;
}
.innews .left .text{
	padding: 20px 20px 30px 120px;
}
.innews .left .text h3{
	line-height: 32px;
	margin-bottom: 10px;
}
.innews .left .text p{
	line-height: 24px;
	height: 72px;
}
.innews .right li a{
	padding: 20px 120px 20px 20px;
}
.innews .right li h3{
	margin-bottom: 10px;
}
.innews .right li .date{
	top: 15px;
	font-size: 42px;
	line-height: 56px;
}
.innews .right li .date span{
	font-size: 14px;
	line-height: 20px;
}




.foot .foot1{
	padding: 30px 0 20px;
}
.foot .foot1 .foot_logo{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.foot .foot1 .foot_logo img{
	margin: 0 auto 10px;
	height: 40px;
}
.foot .foot1 .foot_nav{
	float: none;
	width: 100%;
	margin-left: 0px;
}
.foot .foot1 .foot_nav ul{
	float: none;
	width: 100%;
	text-align: center;
	font-size: 0px;
}
.foot .foot1 .foot_nav ul li{
	display: inline-block;
	float: none;
	width: 16.66%;
}
.foot .foot1 .foot_nav .text{
	float: none;
	width: 100%;
}
.foot .foot1 .foot_nav .text h3{
	display: none;
}
.foot .foot1 .foot_nav .text p{
	text-align: center;
}

.floot_left{
	display: none;
}

.page_ban{
	height: 250px;
	padding-top: 100px;
}
.page_ban .w80 h3{
	font-size: 24px;
}
.page_ban .w80 h4{
	font-size: 28px;
}
.page_nav{
	width: 100%;
	left: 0px;
	margin-bottom: 5px;
}
.page_nav ul{
	display: none;
}
.page_nav .mob_page_nav{
	display: block;
	width: 100%;
}

.page_nav .mob_page_nav h3{
	font-size: 18px;
  color: #fff;
  line-height: 50px;
	background-color: #c62721;
	text-align: center;
	vertical-align: top;
}
.page_nav .mob_page_nav h3 span{
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	/*line-height: 50px;*/
}
.page_nav .mob_page_nav h3 span:after,.page_nav .mob_page_nav h3 span:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	background-color: #fff;
	transform: translate(-50%,-50%);
	transition: all 0.3s;
}
.page_nav .mob_page_nav h3 span:before{
	transform: translate(-50%,-50%) rotate(90deg);
}
.page_nav .mob_page_nav.on h3 span:after{
	transform: translate(-50%,-50%) rotate(180deg);
}
.page_nav .mob_page_nav.on h3 span:before{
	transform: translate(-50%,-50%) rotate(360deg);
}
.page_nav .mob_page_nav dl{
	display: none;
	position: absolute;
	z-index: 7;
	top: 50px;
	left: 0px;
	width: 100%;
	background-color: #f5f5f5;
}
.page_nav .mob_page_nav dl dd{
	border-bottom: 1px solid #eee;
}
.page_nav .mob_page_nav dl dd a{
	display: block;
	height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.page_nav .mob_page_nav dl dd.cur a{
  color: #044098;
}
.page_title{
	margin-bottom: 10px;
}
.page_title h3{
	font-size: 30px;
}
.page_title h5{
	font-size: 24px;
}

.aboutus{
	margin-bottom: 40px;
}
.aboutus .img{
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10px;
}

.proli{
	padding-left: 0px;
}
.proli .proli_con{
	width: 100%;
}
.procon .procon_con{
	width: 100%;
}
.proli .proli_nav{
	display: none;
}
.procon .proli_nav{
	display: none;
}


.newsli{
	margin-bottom: 40px;
}
.news .news_con p{
	font-size: 14px;
	line-height: 24px;
}

.gbook{
	background: none;
	margin-bottom: 50px;
}
.gbook .con{
	float: none;
	width: 100%;
}
.gbook .text{
	float: none;
	width: 100%;
}


.contact .text{
	float: none;
	width: 100%;
}
.contact .map{
	float: none;
	width: 100%;
}

.photoli li{
	width: 48%;
	margin-right: 4%;
}
.photoli li:nth-child(4n){
	margin-right: 4%;
}
.photoli li:nth-child(3n){
	margin-right: 4%;
}
.photoli li:nth-child(2n){
	margin-right: 0;
}
.photoli li h5{
	font-size: 14px;
	line-height: 38px;
}






}

@media screen and (max-width: 480px) {


.head2{
	height: 45px;
	/*opacity: 0.85;*/
}
.head2 .logo a{
	height: 45px;
	line-height: 45px;
}
.head2 .logo a img{
	height: 30px;
}

/*.inbanner .swiper-slide{
	height: 340px;
}
.inbanner .swiper-slide .text h5{
	font-size: 24px;
	margin-bottom: 10px;
}
.inbanner .swiper-slide .text p{
	font-size: 16px;
	line-height: normal;
}*/

.inbanner{
	margin-top: 75px;
}


.inpro .intl h5{
	top: -20px;
	font-size: 64px;
}
.inpro .content{
	padding-top: 120px;
}


.incase .intl h3{
	margin-bottom: 10px;
}
.incase .intl span{
	margin-bottom: 20px;
}

.incase .content .incase_nav li .text{
	padding: 10px 10px 10px 100px;
}
.incase .content .incase_nav li p{
	line-height: 20px;
}


.innews .intl{
	margin-bottom: 30px;
}
.innews .intl h3{
	font-size: 28px;
}
.innews .intl h5{
	font-size: 81px;
}
.innews .left .text h3{
	font-size: 18px;
}
.innews{
	padding: 60px 0 40px;
}

.foot .foot1 .foot_nav ul li{
	width: 20%;
}
.foot .foot1 .foot_nav ul li:first-child{
	display: none;
}


.page_title h3{
	font-size: 26px;
}
.page_title h5{
	font-size: 20px;
}

.newsli li .img{
	float: none;
	width: 100%;
}
.newsli li .text{
	float: none;
	width: 100%;
	margin-left: 0px;
}
.newsli li .text span.sj2{
	display: block;
	color: #044098;
}
.newsli li .date{
	display: none;
}

.gbook .con li{
	width: 100%;
	margin-right: 0px;
	float: none;
}
.gbook .con button{
	width: 100%;
}
.gbook{
	margin-bottom: 30px;
}


}