/* 576px以上 */
@media(min-width:576px){
	.news-item dl dt{
		font-size: .2rem;
		margin-bottom: .2rem;
	}
	.news-item dl dd{
		font-size: .14rem;
		line-height:.24rem;
		height:1.24rem;
		overflow:hidden;
	}
	.news-details .p{
		line-height:.3rem;
	}
	.scale-enterprise1 .grid .col{
		width:33.33%;
	}
	.culture1 .list .item{
		height:1.85rem;
		padding-right: .5rem;
	}
	.culture3 .content .item{
		width:33.33%;
	}
		
}
/* 768px以上 */
@media(min-width:768px){
		
}
/* 992px以上 */
@media(min-width:992px){
	body{font-size: 16px;}
	.container{width:960px;margin:0 auto;}
	.pc-hidden{display: none;}
	.m-hidden{display: block;}
	header dl.slogan{display: none;}
	.btn-menu{display: none;}
	header{height:112px;}
	header .logo{width:270px;height:80px;}
	ul.menu{
		width:auto;
		height:112px;
		position: static;
		padding:0;
		overflow: visible;
		float: right;
	}
	ul.menu li{padding:0;float: left;position: relative;}
	ul.menu li a{	
		height:112px;
		line-height:112px;
		padding:0 10px;
		transition:all .3s;
	}
	ul.menu li.on a,
	ul.menu li:hover a{
		background: url(../imgs/bg_nav_hover.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		color: #fff;
	}
	ul.menu li.search-box{
		display: block;
		padding:0 10px;
	}
	ul.menu li .btn-search{
		margin-top: 45px;
		cursor:pointer;
	}
	ul.menu li ul{
		width:100px;
		display: none;
		position: absolute; 
		z-index:9;
		top:111px;
		left:0;
		background-color: #fff;
		border-right:1px solid #f2f2f2;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.menu li:hover ul{
		display: block;
	}
	ul.menu li ul li{
		float: none;
	}
	ul.menu li ul li ul{
		display: none;
		left:100px;
		top:0;
	}
	ul.menu li:hover ul li ul{
		display: none;
	}
	ul.menu li ul li:hover ul{
		display: block;
	}
	ul.menu li ul li,
	ul.menu li ul li a{
		height:40px;
		line-height:40px;
	}
	ul.menu li:hover ul li a{
		background: none;
		color: #333;
	}
	ul.menu li ul li a:hover{
		background: url(../imgs/bg_nav_hover.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		color: #fff;
	}
	.banner .swiper-slide{
		height:650px;
	}
	.index1 .logo{
		width:265px;
		padding-top: 50px; 
		padding-bottom: 40px;
	}
	.index1 .h1{font-size: 30px;}
	.index1 .h2{padding-bottom: 30px;}
	.index1 .con{padding-bottom: 40px;}
	.index1 .bg-index1{
		width:5.3rem;
		height:2.65rem;
		top:50%;
		bottom:auto;
		margin-top: -137px;
	}
	.index2{height:440px;}
	.index-title{padding:65px 0;}
	.index3 .aside{width:20%;float: left;padding-right: 30px;}
	.index3 .grid{width:80%;float: left;}
	.index3 .grid .col{width:33.333%;}
	.index3 .aside-subnav a{display: block;margin:0 0 10px;}
	.index3-more .btn-more,.index3-more .btn-contact{
		display: inline-block;
		width:160px;
		height:36px;
		font-size: 14px;
		color: #333;
		line-height:36px;
		border:1px solid #cccccc;
		background-color: transparent;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
		margin:0 10px;
	}
	.index3-more .btn-contact{
		color: #fff;
		background-color: #57b86f;
	}
	.index5 .index-title{position: relative;}
	.index5 .index-title:before,
	.index5 .index-title:after{
		content:"";
		display: block;
		width:40%;
		height:1px;
		background-color: #efefef;
		position: absolute; 
		top:50%;
		left:0;
	}
	.index5 .index-title:after{
		left:auto;
		right:0;
	}
	.bread:before{
		width:calc((100% - 960px)/2);
	}
	.contact-bottom ul{
		width:36%;
		float: left;
	}
	.contact-bottom .map-container{
		width:64%;
		float: left;
	}
	.about1-left{
		width:50%;
		float: left;
		padding-right: 30px;
		margin-bottom: 0;
	}
	.about1-right{
		width:50%;
		float: left;
	}
	.honor .imglist{width:100%;float: left;padding-right: 50px;}
	.honor .imglist.grid .row{margin:0;}
	.honor .imglist.grid .row .col{float: left;width: 30.3%;margin-right: 3%; margin-bottom: 3%;padding-bottom: 20%;height: 0;
    position: relative; cursor: pointer;}
	.honor .imglist .row .col .img-item{width: 100%;height: 100%;position: absolute;top: 0;
    left: 0;}
	.honor .imglist .row .col:first-child .img-item{margin-top: 0;}
	.honor ul{width:66.33%;float: left;margin-top: 0;}
	.product-list .grid .col{width:33.33%;height:270px;}
	.product-list .item img{height:250px;}
	.product-details1 .imgbox{width:50%;float: left;}
	.product-details1 .fontbox{width:50%;float: left;padding:20px 20px 30px;}
	.product-details1 .fontbox .tell{padding:20px 0;}
	.product-swiper1{padding:0 30px;}
	.product-swiper1 .swiper-button-next,.product-swiper1 .swiper-button-prev{
		display: block;
		width:20px;
		height:100%;
		background: #57b86f no-repeat center center;
		-webkit-background-size: 16px 24px;
		background-size: 16px 24px;
		top:0;
		left:0;
		margin-top: 0;
	}
	.product-swiper1 .swiper-button-prev{
		background-image: url(../imgs/bg_prev.png);		
	}
	.product-swiper1 .swiper-button-next{
		background-image: url(../imgs/bg_next.png);	
		left:auto;
		right:0;
	}
	.product-swiper2{
		padding:50px 70px 40px;
	}
	.product-swiper2 .swiper-button-next,.product-swiper2 .swiper-button-prev{
		display: block;
	}
	.news-item dl{
		margin-left: 90px; 
		margin-right: 100px;
	}
	.news-item dl dt{
		margin-bottom: 40px;
	}
	.csr dl.fontbox{
		height:270px;
		padding:30px 40px;
		line-height:30px;
	}
	.csr dl.fontbox dt{
		margin-bottom: 20px;
	}
	.scale-enterprise1 .grid .col{
		width:20%;
	}
	.scale-enterprise2 ul{
		width:380px;
	}
	.culture2 .item .box{
		width:480px;
	}
	.culture3{padding:60px 0 75px;}
	.culture3 .content .item{float:left; width:16.66%;}
	.culture3 .content .item.odd{padding-top:185px;}
	.culture3 .content .item.even{padding-bottom:185px;}
	.culture3 .content .line{display: block;}
	.culture3 .content .item:after{display: block;}
	.culture3 .content .item .info{margin-top:0;}
	.culture3 .content .item .t{font-size:20px;}
	.imgcover .btn-close-imgcover{
		top:0;
		right:-.6rem;
	}	
	.about3-content{font-size:.16rem;}
	.about1 .p4{font-size:.16rem;}
	.about1 dl	{font-size:.16rem;}
	.index2 .p{font-size:.16rem;}
	.index-title dd{font-size:.16rem;}
	.dszjy dl.title dd{font-size:.16rem;}
	.scale-enterprise1 dl.title dd{font-size:.16rem;}
	.scale-enterprise1 .item{font-size:.18rem;}
	.honor ul li{font-size:.16rem;}
	.footer .tell dl dt{font-size:.18rem;}
	dl.csr-title dd{font-size:.16rem;}
	.csr dl.fontbox dt{font-size:.18rem;}
	.csr dl.fontbox{font-size:.14rem;}
	.news-details .p{font-size:.16rem;}
	.product-details1 .fontbox .p{font-size:.14rem;}
	.product-details1 .fontbox .tell{font-size:.14rem;}
	.product-details2 .p{font-size:.16rem;}
	.cem-content .box .p{font-size:.16rem;}
	.news-item dl dt{font-size:.2rem;}
	.news-item dl dd{font-size:.14rem;}
	.hr table tr.title td{font-size:.14rem;}
	.contact .p{font-size:.16rem;}
	.contact-bottom ul li p{font-size:.14rem;}
	.index1 .con{font-size:.16rem;}
		
}
/* 1200px以上 */
@media(min-width:1200px){
	.container{width:1200px;}
	ul.menu li a{padding:0 25px;}
	ul.menu li ul{width:135px;}
	ul.menu li ul li ul{left:130px;}
	ul.menu li.search-box{padding:0 25px;}
	.index6 .brand{display: block;width:35%;float: left;}
	.index6 .imglist{width:100%;float: left;}
	.index6 .imglist .img{height:224px;}
	.index6 .imglist .img-center{height:286px;}
	.index6-pc .box{width:1200px;margin-left: -600px;}
	.bread:before{
		width:calc((100% - 1200px)/2);
	}
	.bread ul li a{margin-right: 60px;}
	.honor-aside{
		display: block;
		width:24%;
		float: left;
	}
	.honor-content{
		width:76%;
		float: left;
		padding-left: 55px;
	}
	.honor .imglist{width:100%;}
	.honor ul{width:63%;}
	.product-details1 .fontbox{padding:35px 35px 50px;}
	.product-details1 .fontbox .tell{padding:.42rem 0;}
	.product-details5 .fontbox .img1{display: block;float: left;}
	.product-details5 .font-wrap{
		width:40%;
	}
	.product-swiper2{
		padding:80px 120px 70px;
	}
	.product-swiper2 .swiper-button-prev{
		left:60px;
	}
	.product-swiper2 .swiper-button-next{
		left:auto;
		right:60px;
	}
	.csr dl.fontbox{
		height:338px;
		padding:60px 40px;
	}
	.csr dl.fontbox dt{
		margin-bottom: 35px;
	}
	.culture2 .item .box{
		width:600px;
	}
	.culture3 .content .item .t{
		font-size: 30px;
	}
	.product-list .item img{height:277px;}
	.product-list .grid .col{width:33.33%;height:320px;}
	
	
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {    
    .message .liuyan {
        width: 940px;
    }
    .message .liuyan .input {
        width: 380px;
    }
    .message .liuyan input {
        width: 200px;
    }
    .message textarea {
        width: 898px;
    }
    .message .btn {
        width: 200px;
    }
}
/* 中等屏幕（平板） */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .message .liuyan {
        width: 100%;
    }
    .message .liuyan .input {
        width: 48%;
        margin-right: 2%;
    }
    .message .liuyan input {
        width: 60%;
    }
    .message .textarea {
        width: 100%;
    }
    .message .zx {
        margin: 40px 0 20px 0;
    }
    .message textarea {
        width: 90%;
    }
    .message .tj .text {
        width: 100px;
    }
    .message .btn {
        width: 135px;
    }
}
/* 小屏幕（手机） */

@media only screen and (min-width: 320px) and (max-width: 768px) {
    
    .message .zx {
        margin: .3rem 0;
    }
    .message .zx .title {
        font-size: .3rem;
        margin-bottom: .2rem;
    }
    .message .zx p {
        font-size: .22rem;
        line-height: .4rem;
    }
    .message .liuyan {
        width: 100%;
        margin: .2rem auto;
    }
    .message .liuyan .input {
        width: 100%;
        height: .7rem;
        padding: 0 .2rem;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .message .liuyan input {
        height: .57rem;
        line-height: .57rem;
        width: 65%;
    }
    .message .liuyan .input img {
        margin-top: .14rem;
       /* width: .3rem; */
    }
    .message textarea {
        width: 100%;
        padding: .2rem;
        margin: .2rem 0;
        height: 2rem;
        font-size: .22rem;
    }
    .message .tj .text {
        width: 2rem;
        height: .6rem;
        padding: 0 .2rem;
    }
    .message .yzm {
        margin-left: .2rem;
        width: 1.4rem;
    }
    .message .txt {
        line-height: .6rem;
        margin-left: .2rem;
    }
    .message .btn {
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
        margin: .2rem .2rem 0 0;
        float: left;
    }
    .message .btn-right {
        float: right;
    }
}