@media screen and (max-width: 2560px){


}

@media screen and (max-width: 1920px){
 

}

@media screen and (max-width: 1680px){
.main{width:100%;}
  

}
@media screen and (max-width: 1600px){


}
@media screen and (max-width: 1440px){
   

}



@media screen and (max-width:1366px){
.content{width:1140px;}
.logo a img{width:160px; height:45px;}
.banner .info h2{font-size:32px;}
.banner .info{width:570px;}
.index01 .info{height:317px;}
.index01 .info .l{width: calc(628px - 100px);padding: 20px 50px 0;}
.index01 .info .r{width:512px;}
.index02 .info{height:317px;}
.index02 .info .l{width:512px;}
.index02 .info .r{width: calc(628px - 100px);padding: 20px 50px 0;}
.foot .content .foot01 .foot_logo a img{width:160px; height:45px;}

}

@media screen and (max-width: 1280px){



}

@media screen and (max-width: 1200px){
    
}

@media screen and (max-width: 1024px){
/*.content{width:960px;}
.banner{min-height:800px;}
.logo{padding-top:30px;}
.banner .info{width:512px;}

.index01 .info{height:266px;}
.index01 .info .l{width: calc(528px - 50px);padding: 20px 25px 0;}
.index01 .info .l .about{margin-top:10px;}
.index01 .info .l .about p{padding-bottom: 10px; font-size:16px;}
.index01 .info .r{width:432px;}
.index02 .info{height:266px;}
.index02 .info .l{width:432px;background-position: 0 -10px;}
.index02 .info .r{width: calc(528px - 50px);padding: 20px 25px 0;}
.index02 .info .r .about{margin:15px 0 0 15px;}
.index02 .info .r .about p{font-size:15px;padding-bottom: 10px;}*/
.logo{padding-top:30px;}
.banner{min-height:800px;}
.banner .info{width:512px;}
.content{width:calc(100% - 60px); padding:0 30px;}
.index01 .info{height:310px;}
.index01 .info .l{width: calc(55% - 50px);padding: 20px 25px 0;background-size: cover;background-position:right center;}
.index01 .info .l .about{margin-top: 20px;}
.index01 .info .l .about p{font-size:16px;}
.index01 .info .r{width: 45%;background-position: left center;background-size: cover;}
.index02 .info{height:310px;}
.index02 .info .l{width:45%;background-position: right center;background-size: cover;}
.index02 .info .r{width: calc(55% - 50px);padding: 20px 25px 0;background-size: cover;background-position:0 center;}
.index02 .info .r .about{margin:15px 0 0 15px;}
.index02 .info .r .about p{font-size:16px;}





}

@media screen and (max-width: 820px){
.banner .info{width:400px;}


.index01 .info .l .about{margin-top: 20px;}
.index01 .info .l .about p{font-size:14px;}

.index02 .info .r .about{margin:15px 0 0 15px;}
.index02 .info .r .about p{font-size:14px;}
.foot02 .l{font-size:14px;}
.foot02 .l a{font-size:14px;}
.foot02 .r li a{font-size:14px;}

}


@media screen and (max-width: 768px){


}


@media screen and (max-width: 640px){
.banner{background-position: left bottom 45%;min-height:500px; position:relative;}
.banner .content{position: absolute;z-index: 10;}
.banner:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        opacity: 0.8;
}
.banner .info{width:100%; padding-top:60px;text-align: center;}
.index01 .tit{font-size:22px;}
.index01 .info{
	display: grid;
    grid-template-rows: auto auto;
	height:auto;
}
.index01 .info .l{
	width: calc(100% - 50px);
    padding: 20px 25px 0;
	background:none;
}
.index01 .info .l .about {margin-top: 0px; padding-bottom:25px;}
.index01 .info .r{width:100%;grid-row: 1;height:230px; border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius:0px;}
.index02 .info .l{width:100%;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius:0px;height:230px;}

.index02 .info .r{
	width: calc(100% - 50px);
    padding: 20px 25px 0;
	background:none;
}
.index02 .info{height:auto;display: inline-block;}
.index02 .info .r .about{margin: 0 0 0 0;}
.index02 .tit{font-size:22px;}
.index03 .info h2{font-size:22px;}
.foot .up{text-align: left;padding: 0 30px;}
.foot .up .tit{font-size:22px;}
.foot .up .lan{padding:5px 0 10px;}
.foot .up .lan span{display:block;margin: 5px 0;}
.foot .content .foot01{display:block;}
.foot .content .foot01 .l{padding-bottom:30px;}
.foot .content .foot01 .l .foot_logo{padding-bottom: 5px;}
.foot .content .foot01 .qr{text-align:left;}
.foot02{display:block;}
.foot02 .l a{display:block; margin-left:0;}
.foot02 .r{padding-top:10px;}
.foot02 .r li a{margin:0 10px 0 0;}
}


@media screen and (max-width: 375px){


}


@media screen and (max-width: 320px){

}