
@media only screen and (max-width:1650px) {
	
   main{width: 92%;}
   .box{width: 92%;}
   .o-name{width: 92%; margin-left: 0; left: 4%;}
   .miaobao span{width: 92%;}
   .sec-nav span{width: 92%;}
  .first-nav a{ font-size: 16px;}
  .tx1,.tx2{ font-size: 70px;}
 

}


@media only screen and (max-width:1440px) {
	
	 nav{width: calc(100% - 300px);}
    .gy2boxle p{ font-size: 16px; line-height: 2.2;}
    .gy2boxle{ width: 60%;}
    .gy2boxri{ width: 40%;}
    .ftdz{ width: 210px;}
    .ft1{ width: 500px;}
    .ft2{ width: calc(100% - 800px);}
	.bannernav h1{ font-size: 30px;}
	.bannernav p{ font-size: 20px;}
	.tx1,.tx2{ font-size: 60px;}
	.con4tu span h2{ font-size: 18px; line-height: 1.8;}
	.con4tu .fu{ padding: 25px;}
	.con4tu span p{ font-size: 14px;}
	.gy1boxri h2{ font-size: 22px; line-height: 4;}
	.gy1boxri h1{ font-size: 50px;}
	.gy1boxri p{ font-size: 16px; line-height: 2;}
	.gy5top span p{ font-size: 20px;}
	
	
	
}
@media only screen and (max-width:1300px) {
	
.ft2{ width: 100%; margin-top:20px; border-left: none;border-top: 1px solid #6b6b6b; padding-top: 30px; padding-left: 0;}
.ft1{ width:calc(100% - 320px); justify-content: flex-start;}
.ftdz{ width: auto;}
.ft1 span:nth-child(1){ margin-right: 50px;}
.ft1 span img{ width: 40px;}
.foot{ padding-bottom: 30px;}
}
@media only screen and (max-width:1260px) {
	
.head_right{margin-left: 10px;}
.ftlist span{ width:auto; margin-right: 20px;}	
.footri{ width: 380px;}
.footle{ width: calc(100% - 420px);}
.lxtex h1{ font-size: 30px;line-height: 60px;}
.lxtex>img{ width: 120px;}	


}

@media only screen and (max-width:1200px) {
    	
	.ft2{ width: 100%;}
	.ft2,.ft3{ margin-top: 30px;}
	.ft3{ width: 100%;}
	#toTop{right: 30px; bottom: 80px; width: 50px; height: 50px;}
	.con2le{ width: 100%;}
	.con2ri{ width: 100%;}
	.con2{padding-top: 70px; padding-bottom: 60px;}
	.tex{ font-size: 16px;}
	.spneirong{ margin-top: 30px; }
	.cplist span h2{ font-size: 20px;}
	.cplist span p{ font-size: 14px;}
	.con4tu.kuai3{ width: 100%; margin-right: 0;}
	.con4tu .fu{ opacity: 1; position: relative;}
	.con4tu h1{ display: none;}
	.con4tu{ margin-top: 20px;}
	.con4box{ margin-top: 20px;}
	.lxmap{ height: 50vh;}
	.danye{ font-size: 16px;}
	.kuai4gy .hezi{ width: calc(50% - 12px); margin-right: 24px;}
	.kuai4gy .hezi:nth-child(4n),.kuai4gy .hezi:nth-child(2n){ margin-right: 0;}
	.xqcpbox{ flex-wrap:wrap;}
	.xqcp1{ width:48%;}
	.xqcp2{ width:48%;}
	.xqcp3{ width:100%; margin-top:20px;}


}


@media only screen and (max-width:1024px ) {
	
	.bn_tx h3{width: 80%;}
	.nav-item{ margin:0 20px;}
	.mBtn{display: flex; align-items: center; justify-content: center; position: absolute; z-index: 991; right: 0; top: 10px;}
	.logo{ height:30px;}
	.head_right{margin-right:0;}
	.head,.head.active{ height: 60px;position: fixed; z-index: 9999; left: 0; top:0;}
	nav{ left: -100%;position:absolute; z-index: 99; background:rgba(22,140,202,1);; height:auto;display:flex; width: 100%;  transition: 0.3s;top:0;height: 100vh; margin-left: 0;}
	nav.active{left: 0%;top:0;}
	nav{overflow-y: auto;overflow-x: hidden;}
	 ::-webkit-scrollbar{
	      display: none;
	}
	.hedri{display: flex;align-items: center;position: absolute;right: 60px;top: 5px;z-index: 993;height: 60px; display: none;}
	.hedri.active{ display: flex;}
	.nav-item{height: auto; padding: 0;}
	.nav-box{ display: block; overflow-y: auto; padding-top: 80px; box-sizing: border-box;}
	.m-c{display: block; background: rgba(0,0,0,0); position: absolute; width: 100%; height: 50px; left: 0; top: 0; z-index: 99;}
	.first-nav{height: 60px;}
	.nav-item:hover .first-nav a{color: #fff; }
	.first-nav a{justify-content: space-between; height: 50px; color: #fff; font-size: 18px; border: 1px solid #fff;  text-align: center; width: 200px; margin: 0 auto; justify-content: center;}
	.first-nav.on a{ color: #fff;}
	.first-nav a em{display: none;}
	.second-nav{position: static; left: auto; top:auto; background: none;   border-radius:0;  max-height: 1000px; opacity: 1;   box-sizing: border-box; transform: translate(0,0); text-align: center; padding: 15px 0;}
	.second-nav a{text-align: left; height: 36px; line-height: 36px; text-align: center; font-size: 16px; border: none;}
	.head .box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.nav-box .nav-item:nth-child(1){ margin-top: 15px;}
	.sec-nav span{width: 100%;}
	.head_right{ display: flex;}
	.first-nav a i{ display: block;}
	.ft2{ padding-top: 20px;}
	.foot{ padding-bottom: 20px;}
	.ft2 span h1{ margin: 16px 0;}
	.news_btn{ display: none;}
	.bannernav h1{ font-size: 22px;}
	.bannernav p{ font-size: 16px;}
	.tx1,.tx2{ font-size: 35px;}
	.con1{ max-height: 50vh;}
	.con1k span p{ font-size: 26px;}
	.title h1{ font-size: 30px;}
	.title p{font-size: 16px;}
	.more{ font-size: 16px; width: 140px;}
	.more img{ width: 20px;}
	.con2con span h1{ font-size: 18px;}
	.con2con span h1 b{ font-size: 40px;}
	.con2con span p{ font-size: 16px;}
	.con2con span{ margin-top: 40px;}
	.cpgdlist{ width: 200px;}
	#marquee1{height: 200px;}
	.cpgdlist span{ font-size: 16px; height: 50px; line-height: 50px;}
	.cpgdlist:hover span{ height: 100%; line-height: 200px;}
	.con4{ padding: 40px 0;}
	.ertitle{ font-size: 22px; padding-top: 0.5em;}
	.lxtex h1{ font-size: 26px;line-height: 60px;}
	.lxtex h2{font-size: 30px;}
	.lxtex>img{ width: 80px;}
	footer{ border:none;}
	.danyeti{ font-size: 20px;}
	.gy1biao span h1{ width: 90px; height: 90px;}
	.gy1biao span p{ font-size: 16px;}
	.gy5top span p{ font-size: 18px;}
	.tulist{ margin-top: 20px;}
	.tulistbox,.tulist1box{ margin-bottom: 30px;}
	.tulist span h2{ font-size: 16px;}
	.tulist span h3{ margin-top: 5px; width: 30px;}
	.tulist span p{ font-size: 14px; margin-top: 20px;}
	.tulist span h4{ margin-top: 18px; font-size: 15px;}
	.erbox{ padding:40px 0;}
	.tulist1{ flex-wrap: wrap; padding: 20px 0;}
	.tulist1 h1{ width: 100%; height: auto;}
	.tulist1 h1 img{ height: auto;}
	.tulist1 span{ width: 100%; padding: 0;margin-left: 0; border: none;}
	.tulist1 span p{ display: none;}
	.tulist1 span h4{ font-size: 22px; margin-top: 10px;}
	.tulist1 span h2{font-size: 16px; margin-top: 5px;}
	.ernav{ height: 50px; font-size: 16px; bottom: 20px;}
	.erbt{  margin-bottom: 0; font-size: 20px;}
	.erdh a{ font-size: 16px; min-width: 150px; margin:8px 10px; height: 48px;}
	.con4box .kuai3:nth-child(3n){ margin-right: 0;}

	.mtop50{margin-top: 30px;}
	.mtop30{margin-top: 20px;}
	.ptop20{ padding-top: 10px;}
	.ptop0{ padding-top: 0;}
	.kuai4{ width: calc(50% - 10px); margin-right: 20px;}
	.kuai4:nth-child(4n),.kuai4:nth-child(2n){ margin-right: 0;}
	.kuai3{ width: calc(50% - 10px); margin-right: 20px;}
	.kuai3:nth-child(3n){ margin-right: 20px;}
	.kuai3:nth-child(2n),.kuai3:nth-child(6n){ margin-right: 0;}
	
	
}

@media only screen and (max-width:750px ) {
	.ft0{ margin: 0 auto;}
	.ft1{ width: 100%;flex-wrap: wrap;}
	.ft1 span:nth-child(1){ margin-right: 0; }
	.ft1 span{ width: 100%; justify-content: center; text-align: center;margin-top: 20px;}
	.ft1 span img{ margin: 0 auto;}
	.ftdi{ justify-content: center;}
	.ft2 span h1{ font-size: 16px;}
	.ft0 h1 img{ margin: 0 auto;}
	.logo{ margin-right: 30px;}	
	.erbanner{ width: 100%; height: 30vh;}
	.erbanner img{ display: none;}
	 ul.yiiPager li a{width: 32px; height: 32px;} 
	 ul.yiiPager li{display:block; margin:0 2px;} 
	.bar{margin-top: 30px;}
	.bar a.show_prev{justify-content: center;  padding: 20px 20px;  width: auto;}
	.bar a.show_prev i{display: none;}
	.bar a.show_next{justify-content: center;  padding: 20px 20px;  width: auto;}
	.bar a.show_next i{display: none;}
	.news-item a,.anlist a{ margin-top: 20px; width: 100%; margin-right: 0;}
	#toTop{right: 10px; bottom: 65px; width: 40px; height: 40px;}
	#toTop:hover{background-color:rgba(0,145,113,0.7);}
	.show_title h1{font-size: 24px;}
	.lxlist{ margin-top: 10px;}
	.lxlist span{ width: 100%;}
	.lxtex>img{ width: 40px;}
	.lxtex{ margin-top: 40px;}
	.lxlist span p{ font-size: 16px;}
	.lxtex span{ margin: 0 30px;}
	.gy1biao span{ width: 50%;}
	.gy1tex{ font-size: 15px; line-height: 2;}
	.gy1biao span p{ margin-top: 15px;}
	.gy1tex{ margin-top: 30px;}
	.gy1boxle{ width: 100%;}
	.gy1boxri{ width: 100%;}
	.gy1boxcon{ margin-top: 20px;}
	.gy1boxri{ padding: 0; margin-top: 20px;}
	.gy1box .gy1boxcon:nth-child(2n) .gy1boxri {padding: 0;}
	.gy1boxri h2{ line-height: 3;}
	.gy5top h1{ margin-top: 20px; max-width: 92%;}
	.gy5top span{ width: 100%; text-align: center;}
	.gy5top{ background: none; padding-bottom: 30px; padding-top: 40px;}
	.gy5top span p{ font-size: 18px;}
	.gy5con li:last-child{ margin-bottom: 0;}
    .gy5top .box{ flex-direction: column;}
    .xqcp1{ width:100%;}
    .xqcp2{ width:100%; margin-top:20px;}

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

.tx1,.tx2{ font-size: 21px;}
.tx2{ padding-left: 2em;}
.con1k span p{ font-size: 18px;}
.con1k span{ left: 15px; bottom: 15px;}
.con1k span img{width: 30px;}
.con2con span h1{ font-size: 14px;}
.con2con span h1 b{ font-size: 26px;}
.con2con span p{ font-size: 14px;}
.con2con span{ margin-top: 30px;}
.cplist{ padding: 10px; padding-top: 0;}
.cplist span{ padding: 20px; padding-bottom: 10px;}
.cplist span h2{ font-size: 16px;}
.cplist span p{ font-size: 13px; margin-top: 5px;}
.con3box{ margin-top: 10px;}
.cpgdlist{ width: 120px;}
#marquee1{height: 120px;}
#marquee1 ul li{ padding-right: 20px;}
.cpgdlist span{ font-size: 12px; height: 30px; line-height: 30px;}
.cpgdlist:hover span{ height: 100%; line-height: 120px;}
.gy1boxri h1{ font-size: 40px;}
.gy1boxri h2{ font-size: 20px;}
.kuai4gy .hezi{ width: calc(50% - 10px); margin-right:20px;}
.kuai4gy .hezi:nth-child(4n),.kuai4gy .hezi:nth-child(2n){ margin-right: 0;}




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

	.head_right{ margin-left: 10px;}
	.bn_tx a.more img{ width: 14px; margin-left: 10px;}
	.lxtex h1{ font-size: 24px;line-height: 50px;}
	.gy1boxri p{ font-size: 15px;}
	.gy5top span p{ font-size: 16px;}
	.kuai4gy .hezi{ width: 100%; margin-right: 0;}
	.kuai4gy .hezi:nth-child(3n),.kuai4gy .hezi:nth-child(2n){ margin-right: 0;}
	.tulist span{ padding: 15px;}
	.tulist span h2{ font-size: 14px;}
	.tulist span p{ display: none;}
	.tulist span h4{ font-size: 12px;}
	.ertitle{ font-size: 20px;}
	


	
}
@media only screen and (max-width:460px ) {
	.spneirong span h1 img{ width: 50px; height: 50px;}
	.spneirong{ border-radius: 60px 0 0 0;}
	.con2con span p{ font-size: 12px;}
	.con2{ padding-top: 40px; padding-bottom: 30px;}
	.con2con span{ width: auto;}
	.ft2 span h1{ font-size: 14px;}
	.bannernav h1{ font-size: 18px;}
	.bannernav p{ font-size: 12px;}
	
    
}
 