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

}

@media only screen and (max-width:1200px ) {
    .divBox{ width: 92%; margin: 0 auto;  }
	header{ height: 60px; position: fixed;left: 0;top:0; z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,.4)  }
	.head{ width: 92%; height:60px; }
	.logo{ margin-top:17px; }
    .logo img{ height: 26px; }
    .telbox{display: none;}
	.mobile{ display: block; width: 30px;  overflow: hidden; cursor: pointer;color: #fff;  float: right;margin-top:21px!important;}
	.mobile span{ display: block; width: 100%; height:18px;  overflow: hidden;  }
	.mobile i{  display: block; width: 100%; height: 3px; background: #0067ae; margin-top:4px; }
	.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top: 0px;}
	.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
	.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
	.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(5px);}
	.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
	.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-5px) translateX(5px);}

	nav{  position: fixed; right:-100%; top:60px; width: 100%;z-index: 99999;  height: auto; background:none; border-bottom: 0px;  }
	nav ul{ width:100%; }
	nav ul li{  width:100%; height:auto;  text-align: left; border-left:0px; transition: 0.3s;position: relative; }
	nav ul li em{display: block; width: 100%; height: 48px; position:  absolute; left: 0; top:0; z-index: 4; }
	nav ul li:last-child{ border-right: 0px; }
	nav ul li a{ box-sizing: border-box;padding:0px 20px 0px 20px;  left:auto; height: 48px; line-height: 48px; position: relative; z-index: 2;   }
	nav ul li:before{ display: none; }
	.navon{ display: none;}

	nav ul li ol{  position: static; left:auto;  top:auto;  display:none; opacity: 1;  transition:0s; width: 100%;}
	nav ul li ol li{ width: 100%; border:0px; height: 42px;   }
	nav ul li ol li a{ line-height: 42px;padding:0px 40px 0px 40px;box-sizing: border-box; }
	nav ul li ol li:before{ display: none;  }
	nav ul li:hover ol{display: none; }
	header.active nav{ position:fixed; right:0; top:60px;left: auto; }
	nav ul li.show{background: #3a7b00;}

	nav ul li em:after{content: "\e676"; color: #fff; float: right; font-size: 12px; position:  absolute; right: 20px; top:50%; transform: translateY(-50%); transition: 0.3s;}
	nav ul li.show em:after{content: "\e795";}

	.banner{  margin-top: 60px; }
	
	.bannertx span{  width: 92%; }
    .bannertx span{  font-size: 28px; line-height:42px;  }
	.bannertx span p:before{ margin-top: 20px; }
	.bannertx span p i{ font-size: 32px; }

    .ptbox{ width:92%;  margin-left: -46%; }
    .banner .swiper-pagination-bullet{ font-size: 14px; }
	.banner .swiper-pagination-bullet:after{  margin-top: 9px;}
	.banner .swiper-pagination-bullet-active{ width: 100px;}
	.banner .swiper-pagination-bullet-active:after{ width:80px; }
	.banner .swiper-pagination-bullet:last-child{text-align: right;}
	.banner .swiper-pagination-bullet:last-child:after{ margin-top: 9px;}
	.banner .swiper-pagination-bullet-active:last-child:after{ width:80px; }


    .index_con{ width: 92%;  }
    .index_news{ width:calc(50% - 20px); }
    .news2{float: right;}
    .huandeng{ width:100%; height:auto; background: #fff; margin-top: 40px;}
    .quickhome{ width: 92%; }

    .quickhome li{ width: 100%; }
	.quickhome li:nth-child(2) em{ float: left; }
	.quickhome li:nth-child(2) span{ float: right; }
	.quickhome li:nth-child(3) em{ float: right; }
	.quickhome li:nth-child(3) span{ float: left; }






    .footh{ width: 92%; }

    .fybanner{ margin-top: 60px; }
    .danye{width: 92%;}

    .zizhibox{width: 92%;}
    .biaotibox{width: 92%;}
    .newsbox{width: 92%;}

    .contact-box{width: 92%;}
    .contact-l{ width: 100%; }
    .contact-r{ width: 100%; margin-top: 30px; }

    .qitaweizhi span{ width: 92%;  }
	
}
@media only screen and (max-width:1100px ) {

	
}
@media only screen and (max-width:1000px ) {
	
	.foot_contact{ width: 100%;   border-right: 0px; padding-right: 0px;  height: auto; border-bottom: 1px #666 solid; padding-bottom: 30px; }
	.foot_menu{  margin-left: 0px; margin-top: 30px;}
	.footsaoma{  margin-top: 30px; }
	.zizhibox li{ width: calc(50% - 10px); margin-right: 0px; margin-top: 20px; }
	.zizhibox li:nth-child(even){ float: right;}
}
@media only screen and (max-width:900px ) {
	



    


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

}
@media only screen and (max-width:750px ) {
	.ptbox{  height: 40px;}
    .banner .swiper-pagination-bullet{ font-size: 12px; margin-right: 10px!important; }
	.banner .swiper-pagination-bullet:after{  margin-top: 8px;}
	.banner .swiper-pagination-bullet-active{ width: 60px;}
	.banner .swiper-pagination-bullet-active:after{ width:40px; }
	.banner .swiper-pagination-bullet:last-child{text-align: right;}
	.banner .swiper-pagination-bullet:last-child:after{ margin-top: 8px;}
	.banner .swiper-pagination-bullet-active:last-child:after{ width:40px; }
    .bannertx{ margin-top: -16px; }
    .bannertx span{  font-size: 16px; line-height:22px;  }
	.bannertx span p:before{ width: 20px; margin-top: 10px; margin-right: 10px; }
	.bannertx span p i{ font-size: 18px; }

	.index_con{  margin-top: -12px; }
	.index_news{ width: 100%; height:auto;padding: 20px; }
	.news2{ margin-top: 20px; }
	.huandeng{padding: 20px; margin-top: 20px; width: 100%;}
	.ipic em{  font-size: 16px; padding: 10px; }

    .quickhome{ margin-top: 20px; }
	.quickhome li{ width: 100%; }
	.quickhome li em{ width: 100%; }
	.quickhome li em img{ opacity: 1; } 
	.quickhome li span{ width: 100%; }

	.quickhome li:nth-child(1) em{ float: right; }
	.quickhome li:nth-child(1) span{ float: left; }
	.quickhome li:nth-child(2) em{ float: right; }
	.quickhome li:nth-child(2) span{ float: left; }
	.quickhome li:nth-child(3) em{ float: left; }
	.quickhome li:nth-child(3) span{ float: right; }
	.quickhome li:nth-child(4) em{ float: left; }
	.quickhome li:nth-child(4) span{ float: right; }
	.quickhome li span i{ margin-top: 10px; }

 


    

    .foot_contact{  font-size: 12px; }
    .foot_menu{ font-size: 12px; width: 100%;}
    .footsaoma{  float: left; border:1px #666 solid; box-sizing: border-box; padding: 6px;  }
    .footsaoma p{  font-size: 12px; }
    .foot-b{font-size: 12px;}
    .foot-b a{ display: block; margin-top: 6px; }
    .fymenu a{ margin: 6px; }

    .danye{ margin-top: 30px; }
    .zizhibox{  margin-top: 10px; }
    .zizhibox li{ width: 100%;  margin-top: 20px;padding: 12px; }
    .zizhibox li span{height: auto; margin-top: 12px;}

    .biaotibox{  margin-top: 30px;}
    .biaotibox h1{font-size: 18px;  }
    .biaotibox h2{font-size: 12px;  }

    .newsbox{ margin-top: 0px; }
    .newsbox li dl{ float: left; width: 80px;height: 30px;  margin-left: 0px; background: none }
	.newsbox li dl dt{font-size: 14px;  line-height: 30px; margin-top: 0px; float: right; color: #999;}
	.newsbox li dl dd{ font-size: 14px; float: left;line-height: 30px; color: #999;}
	.newsbox li span{ width: 100%; margin-left: 0px; }
	.newsbox li:after{position: static; top:auto; right: auto; transform: translateY(0); margin-top: 20px; border:1px #0067ae solid; color: #0067ae; width: 26px; height: 26px; line-height: 26px;}

	.fymenu a{ padding-left:10px; padding-right: 10px;}

	.contact-box{ margin-top: 30px;}
    .contact-l em{font-size: 20px; }
	.contact-l span i{ padding-left: 50px; font-size: 14px; }
    .contact-l span:before{  width: 40px;height: 40px;line-height: 40px;  margin-right: 20px; font-size: 16px; }
    .contact-l span:nth-child(2){margin-top: 30px; }

	.contact-r span{margin-top: 30px;}

    .timu{   font-size: 24px;   margin-top: 30px;}




}