@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {

	.layout{max-width: 980px;}

	header .top .box{max-width: 980px;}
	header .top h1{width: 150px;top: 18px;}
	header .top .nav{right: 13%;}
	header .top .nav ul li{ margin:0 10px;}
	header .top .nav ul li p a{padding:0 10px;}

	.con{max-width: 980px;}

	.foot .box .foot_c{padding:50px 0;}

}

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

	.layout{max-width: 720px;}

	header{position: fixed;left: 0px;top: 0px;width: 100%;z-index: 100;}
	
	header .top .yuyan{display:none;}

	.dh{display: none;}

	header .top{height: 50px;top: 0;}
	header .top .box{max-width: 720px;}
	header .top h1{ width: 220px;top: 7px;left: 0;}
	header .top .nav{display: none;}
	header .top .yuyan{font-size: 14px;right: 50px;top: 5px;}
	header .top .yuyan i{font-size: 16px;}
	header .top .yuyan a{width: 50px;}
	header .nav{display: none;}
	header .m-btn {display: block;}

	.banner{margin-top: 50px;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-yi{bottom: 10px;}
	.banner .swiper-pagination-bullet{width: 8px;height: 8px;}
	.banner .swiper-pagination-bullet-active{}
	.banner .swiper-pagination{bottom: 10px;}

	.content{padding: 20px 0;}
	.index_con{padding:20px 0;}
	.index_con .left{width: 100%;float: none;}
	.index_con .left .about .title{line-height: 30px;}
	.index_con .left .about .title h2{font-size: 16px;}
	.index_con .left .about .title .more{font-size: 12px;}
	.index_con .left .about .box{margin-top: 10px;}
	.index_con .left .about .pic{float: none;width: 100%;}
	.index_con .left .about .txt{float: none;width: 100%;}
	.index_con .left .about .txt p{line-height: 20px;font-size: 12px;margin-top: 10px;padding-bottom: 0px;}

	.index_con .left .product{margin-top: 20px;}
	.index_con .left .product .title{line-height: 30px;}
	.index_con .left .product .title h2{font-size: 16px;}
	.index_con .left .product .title .more{font-size: 12px;}
	.index_con .left .product .productlist{margin-top: 10px;}

	.index_con .left .zhengshu{margin-top: 20px;}
	.index_con .left .zhengshu .title{line-height: 30px;}
	.index_con .left .zhengshu .title h2{font-size: 16px;}
	.index_con .left .zhengshu .title .more{font-size: 12px;}
	.index_con .left .zhengshu ul{margin-left: -2%;margin-top: 10px;}

	.index_con .left .zhengshu li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
	.index_con .left .zhengshu li p{line-height: 24px;font-size: 12px;}

	.index_con .right{width: 100%;float: none;margin-top: 20px;}
	.index_con .right .index_news .title{line-height: 30px;}
	.index_con .right .index_news .title h2{font-size: 16px;}
	.index_con .right .index_news .title .more{font-size: 12px;}
	.index_con .right .index_news ul{margin-top: 10px;}

	.index_con .right .huoban{margin-top: 20px;}
	.index_con .right .huoban .title{line-height: 30px;}
	.index_con .right .huoban .title h2{font-size: 16px;}
	.index_con .right .huoban .title .more{font-size: 12px;}
	.index_con .right .huoban ul{margin-left: -2%;margin-top: 10px;}

	.banner_ny{margin-top: 50px;position: relative;}

	.con{max-width: 720px;}
	
	.dqwz{line-height: 40px;border-bottom: 1px solid #e5e5e5;margin-top: 50px;background: #FFF;}
	
	

	.news_con .title h2{font-size: 16px;line-height: 24px;}
	.news_con p{padding-bottom: 10px;font-size: 12px;}
	.news_r{width: 100%;float: none;}
	.news_r ul{margin-top: 10px;}
	.news_r li{margin-bottom: 10px;}

	.products_t{display: inherit;align-items: center;justify-content: center;}
	.products_t .left{width: 100%;float: none;}
	.products_t .right{width: 100%;float: none;padding-top: 15px;margin-left: 0%;font-size: 16px;line-height: 24px;}


	.foot .box .left{float: none;width: 100%;margin-right: 0%;padding-bottom: 10px;}
	.foot .box .left h2{font-size: 16px;}
	.foot .box .left i{margin-right: 5px;font-size: 16px;}
	.foot .box .left p{font-size: 12px;}
	.foot .box .center{float: none;width: 100%;}
	.foot .box .center h2{font-size: 16px;padding-bottom: 10px;}
	.foot .box .center ul{margin-top: 10px;}
	.foot .box .center li{width: 33.333%;line-height: 24px;font-size: 12px;}
	.foot .box .right{float: none;margin-top: 10px;width: 100px;font-size: 12px;}

	.copyright{font-size: 12px;}

	
}

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

	.layout{padding:0 3%;}

	header .top h1{ left: 5%;}

    .dyip{padding:0px 6%;}
    .dyip .left .txt h2{left: 20px;font-size: 18px;}
    .dyip .left .txt ul{width:40%;right: 20px;}
    .dyip .left .txt li{font-size:12px;}
    .dyip .left img{width:100%;}
    .dyip .center .txt{padding: 10px;}
    .dyip .center .txt h2{font-size: 18px;}
    .dyip .center img{width:100%;}
	.index_con .right{margin-top: 20px;}
	.dyip .box{margin-left: 0%;}
	.dyip .row{width: 100%;float: none;margin-left: 0%;margin-bottom:10px;}
	.dyip .right li .pic{width:120px;}
	.dyip .right li .txt{margin-left: 120px;padding: 0px 10px;}
	
	.derp{padding: 30px 6%;}
	.derp h2{font-size: 18px;}
	.derp li{width:31.333%;margin-top:10px;}

	.con{max-width: auto;padding:20px 0%;}
	.subnav{width: 100%;float: none;}
	
	.about {padding: 0;}
	.about h2{font-size:20px;}
	.about .txt{margin-top:15px;}
	
	.zhengshu{padding: 30px 0;}
	.zhengshu h2{font-size: 20px;}
	.zhengshu .swiper-father{margin-top: 15px;}
	.zs .swiper-slide .pic{padding:5px;}
	.zs .swiper-slide p{line-height:30px;font-size:14px;}
	
	.huoban{padding: 30px 0;}
	.hb .swiper-slide p{line-height:30px;font-size:14px;}

	.con_r{width: 100%;float: none;padding-bottom: 20px;}
	.con_r .dqwz{line-height: 30px;margin-bottom: 10px;font-size: 12px;}
	.about{line-height: 20px;}
	.con_r .about p{text-indent: 2em;font-size: 12px;padding-bottom: 10px;}

	.subnav h2{height: 30px;line-height: 30px;font-size: 14px;padding:0 10px;}
	.subnav li p{line-height: 30px;background: #FFF;}
	.subnav li a{padding:0 10px;}
	.subnav li a:hover{padding:0 10px;}

    .products .title{font-size:20px;}
    .products .box ul{margin-top:15px;}
	.products .box li{width: 49%;}
	.products .box li h2{font-size: 12px;line-height:30px;padding:0;}
	
	.fangan .title{font-size:20px;}
	.fangan .txt{margin-top: 15px;}
	
	
	.news .title{font-size:20px;}
	.news .box ul{margin-top:15px;}
	.news .box li{margin-bottom: 20px;padding-bottom: 20px;}
	.news .box li .pic{width: 100%;float: none;}
	.news .box li .txt{margin-left: 0px;margin-top:15px;}
	.news .box li .txt h2{margin-top:10px;font-size:16px;}
	.news .box li .txt p{font-size: 12px;padding-top: 10px;}
	.news .box li .txt .more{margin-top: 10px;}
	
	.news_con_title{padding: 30px 0;}
	.news_con_title h2{font-size: 18px;line-height: 24px;}
	.news_con_title p{margin-top:15px;}
	.news_con .box{line-height: 24px;}


    .contact .title{font-size:20px;margin-bottom: 15px;}
	.contact_l{width: 100%;float: none;}
	.contact_r{width: 100%;float: none;}

    .liuyan .title{font-size:20px;}
    .liuyan ul{margin-top: 15px;margin-left: 0%;}
	.liuyan li{ width:100%; margin-bottom: 10px;margin-left: 0%;}
	.liuyan li:nth-of-type(odd){float: none;}
	.liuyan li:nth-of-type(even){float: none;}
	.liuyan li p{padding-bottom: 5px;}
	.liuyan li .input_txt{ height:30px;}
	.liuyan .more{margin-top:30px;}
	.liuyan .input_btn{ width:100px; height:30px;}
	.liuyan .more{margin-top:20px;}

	.products_con{}
	.products_t{padding:20px 0;}
	.products_t .right{margin-top: 10px;padding:20px 10px;}
	.products_t .right h2{font-size: 18px;border-bottom: 1px solid #CCC;padding-bottom: 10px;}
	.products_t .right .txt{line-height: 20px;padding-top: 10px;font-size: 12px;}
	
	.products_b{padding: 20px 0;}

	.foot .foot_t .box{padding:30px 3%;}
	
	.foot .foot_nav li{margin-right: 0px;width:33.333%;line-height: 30px;font-size:12px;text-align:center;}

}