@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}



@media only screen and (min-width: 1200px){
	
}
/** max-width:1440 **/
@media only screen and (max-width: 1440px){
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner1{
		height: 251px;
	}
	.banner1 img{
		height: 100%;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.banner3{
		font-size: 0.5rem;
	}
	.banner4{
		font-size: 0.3rem;
	}
	.banner4 span{
		padding: 0 5px;
	}
	.about{
		padding: 0.5rem 0;
	}
	.about1{
		display: block;
	}
	.about_right{
		position: relative;
	}
	.about_left{
		padding: 20px 16px 0;
	}
	.about_left2{
		width: 100%;
	}
	.about_left1a{
		font-size: 0.4rem;
	}
	.about_left3{
		width: 100%;
		padding: 0;
	}
	.about_left3 ul li img{
		margin-right: 3px;
		width: 0.3rem;
	}
	.about_left3 ul li{
		font-size: 0.24rem;
	}
	.about_left3{
		height: 59px;
	}
	.intro{
		padding: 1rem 0;
	}
	.intro2{
		font-size: 0.5rem;
	}
	.intro3{
		font-size: 0.24rem;
	}
	.intro4{
		padding: 0 16px;
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.advan{
		margin-top: 0.6rem;
		background: none;
	}
	.advan2{
		font-size: 0.5rem;
	}
	.advan3{
		font-size: 0.24rem;
	}
	.wap {
		display: block;
	}
	.pc{
		display: none;
	}
	.advan4{
		width: 100%;
		padding: 0 16px;
		overflow: hidden;
	}
	.advan4a{
		position: relative;
		left: auto;
		top: auto;
		width: 48%;
		float: left;
	}
	.advan4b{
		position: relative;
		right: auto;
		top: auto;
		width: 48%;
		float: left;
		margin-left: 4%;
	}
	.advan4c{
		position: relative;
		left: auto;
		top: auto;
		width: 48%;
		float: left;
	}
	.advan4d{
		position: relative;
		right: auto;
		top: auto;
		width: 48%;
		float: left;
		margin-left: 4%;
	}
	.advan4e{
		position: relative;
		left: auto;
		top: auto;
		width: 48%;
		float: left;
	}
	.advan4f{
		position: relative;
		right: auto;
		top: auto;
		width: 48%;
		float: left;
		margin-left: 4%;
	}
	.advan6a{
		float: none;
		margin-left: 0;
	}
	.advan6b1{
		text-align: center;
	}
	.advan6b2{
		text-align: center;
	}
	.advan6b{
		width: 100%;
	}
	.advan6a{
		text-align: center;
		width: 100%;
	}
	.advan7b{
		text-align: center;
		width: 100%;
	}
	.advan7a{
		margin-right: 0;
		width: 100%;
	}
	.advan6b1 span{
		background: none;
	}
	.advan7b1{
		text-align: center;
	}
	.advan7b1 span{
		background: none;
	}
	.advan7b2{
		text-align: center;
	}
	.case{
		margin-top: 0.5rem;
	}
	.case2{
		height: auto;
	}
	.case2 ul li{
          margin: 0 auto;
		clear: both;
		width: 100%;
	}
	.case3{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
	}
	.case4 {
	    position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
	}
	.case5 {
	    position: relative;
		right: auto;
		top: auto;
		height: auto;
		width: 100%;
	}
	.case6{
	    position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
	}
	.case7{
		position: relative;
	    bottom: auto;
	    right: auto;
	    height: auto;
		width: 100%;
	}
	.case_d{
		font-size: 0;
	}
	.case_d_d{
		padding-left: 0.3rem;
	}
	.news{
		padding: 0.5rem 0;
	}
	.news2{
		margin-top: 0.3rem;
		padding: 0 16px;
	}
	.news_left{
		width: 100%;
	}
	.news_left img{
		width: 100%;
		height: auto;
	}
	.news_right{
		width: 100%;
		margin-top: 0.2rem;
	}
	.news_right1{
		max-width: calc(100% - 80px);
	}
	.news_right2{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		height: 16px;
	}
	.footer{
		padding: 0.5rem 0;
	}
	.footer3{
		display: none;
	}
	.footer1{
		padding: 0 16px;
	}
	.address{
	    height: 50px;
	}
	.address1{
		padding: 0 16px;
		height: 50px;
      line-height: 50px;
	}
	.aboutus{
		padding: 0.5rem 0;
	}
	.aboutus2 ul li a{
		padding: 0 0.3rem;
		height: 59px;
	}
	.aboutus2 ul li{
		font-size: 0.24rem;
		line-height: 50px;
       height: 52px;
	}
	.aboutus2 ul li img{
		width: 0.4rem;
	}
	.aboutus2 ul li:before{
	    height: 43px;
	}
	.aboutus3{
		font-size: 0.3rem;
		margin-top: 0.5rem;
	}
	.aboutus6 {
	    left: auto;
	    top: auto;
	    position: relative;
	}
	.aboutus4 ul li{
		margin-top: 0.5rem;
	}
	.aboutus4{
		margin-top: 0;
	}
	.aboutus5{
		width: 100%;
		padding: 0.2rem;
		font-size: 0.3rem;
		line-height: 0.52rem;
		height: auto;
	}
	.aboutus5 img{
		display: none;
	}
	.aboutus8{
		right: auto;
	    top: auto;
	    position: relative;
	}
	.aboutus7{
		width: 100%;
		padding: 0.2rem;
		font-size: 0.3rem;
		line-height: 0.52rem;
		height: auto;
	}
	.aboutus7 img{
		display: none;
	}
	.inner_banner{
		/*height: 251px;*/
	}
	.inner_banner img{
		/*height: 100%;*/
		/*position: absolute;*/
		/*top: 0;*/
		/*left: 50%;*/
		/*transform: translateX(-50%);*/
	}
	.proIntr{
		margin-top: 0.5rem;
	}
	.proIntr2{
		font-size: 0.4rem;
	}
	.proIntr3{
		font-size: 0.24rem;
	}
	.proIntr4{
		margin-top: 0;
		padding: 0 16px;
	}
	.proIntr4a{
		width: 100%;
		padding: 0.2rem;
		margin-top: 0.2rem;
	}
	.proIntr4b{
		width: 100%;
		margin-top: 0.2rem;
	}
	.goodness{
		margin-top: 0.5rem;
		padding: 0.5rem;
	}
	.goodness2{
		width: 100%;
	}
	.goodness3{
		width: 100%;
		margin-top: 0.3rem;
	}
	.goodness5 ul li {
	    width: 21.18%;
	    height: 100px;
	    padding-top: 20px;
	}
	.goodness5a img {
	    height: 24px;
	}
	.goodness5b{
		font-size: 0.24rem;
		margin-top: 10px;
	}
	.goodness4{
		font-size: 0.36rem;
	}
	.goodness4 span{
		font-size: 0.4rem;
	}
	.goodness6 ul li{
		width: 21.18%;
	    height: 100px;
	    padding-top: 20px;
	}
	.trait{
		margin-top: 0.5rem;
		padding: 0.5rem 16px;
		background-size: 100% 100%;
	}
	.trait2{
		font-size: 0.4rem;
	}
	.trait3{
		margin-top: 0;
	}
	.trait3 ul li{
		margin-left: 0;
		width: 100%;
		margin-top: 0.3rem;
	}
	.scen{
		margin-top: 0.5rem;
		padding: 0.5rem 16px;
	}
	.scen2{
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.newsde{
		padding: 0.3rem 16px;
	}
	.newsde_left{
		width: 100%;
		padding: 0.3rem 0;
	}
	.newsde_left1{
		font-size: 0.3rem;
		padding-bottom: 10px;
	}
	.newsde_left1 img{
		height: 0.36rem;
	}
	.newsde_left5a{
		font-size: 0.3rem;
	}
	.newsde_right{
		width: 100%;
		margin-top: 0.3rem;
		padding: 0.3rem 0.2rem;
	}
	.newsdeta{
		width: 100%;
	}
	.newsdeta1{
		padding: 0.3rem 0.2rem;
	}
	.newsdeta2{
		font-size: 0.36rem;
	}
	.sxy a{
		width: 100%;
		max-width: 100%;
	}
	.sxy a span{
		height: 0.4rem;
		line-height: 0.4rem;
		font-size: 0.24rem;
		width: 1rem;
		padding-left: 3px;
		background-size: 100% 100%;
	}
	
	.incase2 ul li{
		margin-top: 0.36rem;
		width: 48%;
		margin-right: 4%;
	}
	.incase2 ul li:nth-child(3n){
		margin-right: 4%;
	}
	.incase2 ul li:nth-child(2n){
		margin-right: 0 !important;
	}
	.incase3 img{
		height: 150px;
	}
	.incase4{
		padding: 0.2rem 0.3rem;
	}
	.incase5{
		font-size: 0.3rem;
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	}
   .first_ul{
	display: none;
    }	
   .last_ul{
    	display: block;
    }
	.reputation ul li{
		margin-top: 0.36rem;
		width: 48%;
		margin-right: 4%;
	}
	.reputation ul li:nth-child(3n){
		margin-right: 4%;
	}
	.reputation ul li:nth-child(2n){
		margin-right: 0 !important;
	}
	.reputation1{
		height: 150px;
	}
	.reputation2{
		font-size: 0.3rem;
	}
	.message{
		margin-top: 0.5rem;
		padding: 0.5rem 0.2rem;
	}
	.message1{
		font-size: 0.36rem;
	}
	.contact{
		margin: 0.5rem 0;
	}
	
	.contact2{
		font-size: 0.4rem;
	}
	
	.contact3 ul li{
		width: 50%;
		margin-top: 0.3rem;
	}
	.contact5b{
		max-width: 90%;
		
		font-size: 14px;
	}
	
	
	
	
	
	
	
	
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/