﻿
/*Common For Max 960*/
@media only screen and (max-width: 1600px) { 
   #index_head .wp{width: 95%;}
   .index_banner .text{width: 95%;}
   .wp{width: 95%;}
   .index_service .service_con{padding: 70px 50px;}
   #index_food .food_tel{display: none;}
   .index_contact .right{margin-left: 0;}
   .index_contact{padding-top: 60px;padding-bottom: 70px;padding-left: 60px;}
   .index_customer{display: none;}
   .index_customer_mm{display: block;}
   .xcx_yzt_web .yzt_wp{width: 95%;}
   #index_head{padding: 30px 30px;}
   #index_head .nav a{margin: 0 10px;font-size: 14px;}
   .index_service_210513 .service_item .list .item p{width: 80%;margin-left: 10%;height: 42px;}
   .index_about .about_con .right .mass{display: none;}
   .index_banner .text2 h4{font-size: 26px;}
   .about_num{margin-top: 20px;}
   .about_num .num span{font-size: 36px;}
   .about_num .num{padding-top: 20px;padding-bottom: 20px;}
   
}

@media only screen and (max-width: 1199px) {   
   .index_service .service_con .service_title{padding: 0;height: 35px;}   
   .index_service .service_con .service_title a{font-size: 16px;height: 35px;}
   .index_service .service_con .con .left{width: 100%;float: none;display: none;}
   .index_service .service_con .con .right{width: 100%;}
   .index_service .service_con .con{margin-top: 40px;}
   .index_about .about_con .left{width: 100%;text-align: center;}
   .index_about .about_con .left img{width: 100%;}
   .index_about .about_con .right{width: 100%;margin-top: 25px;}
   .index_about .about_con .right .btn{display: none;}
   .index_case .case_list .item{width: 50%;}
   .index_case .case_list .item:last-child{display: none;}
   .web_case .case_list .item:last-child{display: block;}
   .index_case .case_list .item .con .text{padding-top: 10px;}
   .index_banner .text h3{font-size: 24px;}
   .index_banner .text p{font-size: 15px;}
   .index_banner .text a{width: 30px;margin-top: 30px;} 
   .yzt_web .yzt_wp{width:98%;}
   .index_news_list .news_con .left{display: none;}
   .index_news_list .news_con .center{width: 40%;}
   .index_news_list .news_con .right{width: 60%;}
   .case_nav a{margin: 5px 15px;}
   .about_num{display: none;}

}

@media only screen and (max-width: 1000px) { 
   #index_head{display: none !important;}
   #mm_head{display: block;}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
   .index_service .service_con .service_title{display: none;}
   .index_service .service_con .con{margin-top: 0;display: block;}
   .index_service .service_con .con .left{display: block;}
   .index_service .service_con .con .right{margin-top: 35px;}
   .index_service .service_con .con .right .btn{display: none;}
   .index_contact .txt{display: none;}
   .index_contact{padding: 60px 25px;}
   #index_food .foor_copy{display: none;}
   #index_food .food_logo{width: 100%;text-align: center;}
   .yzt_web .yzt_wp{width:96%;padding-bottom: 80px;}
   .yzt_web .yzt_one{margin-top: 0;padding: 80px 40px;}
   .yzt_web .yzt_one .yzt_yc .item{width: 50%;}
   .yzt_web .yzt_one .yzt_yc .item .con p{font-size: 16px;}
   .yzt_web .yzt_one2{margin-top: 60px;}
   .yzt_web .yzt_sept{margin-left: -60px;}
   .yzt_web .yzt_sept .item .con{margin-left: 60px;}
   .yzt_web .yzt_sept .item .con .xian{width: 60px;}
   .yzt_web .yzt_sept .item .con .xian2{width: 60px;height: 60px;}
   .yzt_web .yzt_sept .item .con .xian2 img{max-height: 100%;max-width: auto;}
   .yzt_web .yzt_sept .item{margin-top: 60px;}
   .yzt_about_us .left{width: 100%;float: none;text-align: center;}
   .yzt_about_us .text{width: 100%;float: none;padding-top: 50px;}
   .yzt_web .yzt_one .title2 h1{font-size: 18px;}
   .yzt_web .yzt_one .title img{width: 70%;}
   .yzt_web .yzt_one .title{top: -15px;}
   .contact_tel .item{margin: 0 25px;margin-top: 40px;}
 
   .xcx_function .list .item,.xcx_good .list .item{width: 50%;}
   .xcx_banner img{width: 94%;}
   .xcx_good .list .item{height: 435px;}
   .xcx_yzt_web .yzt_about_us .left{width: 100%;}
   .xcx_yzt_web .yzt_about_us .text{padding-top: 50px;padding-left: 0;}

   .index_service_210513 .service_item .list .item{width: 100%;}
   .index_news_list .news_con .center{width: 100%;}
   .index_partner .case_list2 .item{width: 33.333%;}
   .index_news_list .news_con .right{display: none;}
   .index_partner .case_list2 .item:nth-child(5n){border-right: 1px solid #e0e0e0;}
   .index_partner .case_list2 .item:nth-child(3n){border-right: none;}
   .index_partner .case_list2 .item:nth-child(12){border-bottom: 1px solid #e0e0e0;}
   .index_partner .case_list2 .item:nth-child(11){border-bottom: 1px solid #e0e0e0;}
   .index_customer_mm .title a{margin: 0 4px;}
   .index_news_list{padding: 40px 0;}
   .index_banner .text2{display: none;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
   .index_contact .right{width: 100%;}
   .index_contact .right .item{width: 100%;margin-top: 15px;}
   .index_contact .left h4{font-size: 22px;}
   .index_contact .left h5{font-size: 18px;}
   .index_contact .left h6{font-size: 18px;}
   .index_case .case_list{margin-left: -15px;}
   .index_case .case_list .item{padding-left: 15px;}
   .index_case .case_list{margin-top: 15px;}
   .index_about .about_con .right .mass{display: none;}
   .index_service .service_con{padding: 30px 15px;}
  
   .index_banner{margin-top: 70px;}
   .xcx_banner{margin-top: 56px;}
   .index_customer_mm .title{font-size: 0;}
   .index_customer_mm .title a.on em{display: none;}
   .index_customer_mm .title a{display: inline-block;width: 20%;padding:0 5px;margin: 0;}
   .index_customer_mm .con .text h5{margin-top: 25px;}
   .index_customer_mm .con .text .item{margin-top: 20px;}
   .index_banner .text2{display: none;}
   .about_us_txt .top{width: 100%;}
   .about_us_txt .pic{width: 100%;padding: 15px 0;}
   .about_us_txt .wp{padding: 0 15px;}
   .about_us_brand .item{width: 100%;}
   .web_service .service_con .con,.service_scope .scope_con{padding: 25px 35px;}
   .service_good .service_good_txt .good_list .item{width: 100%;margin-bottom: 35px;}
   .service_nav a{margin: 5px 6px;width: 100px;}
   .service_scope .scope_con .list .jian{display: none;}
   .service_scope .scope_con .list .item{width: 25%;}
   .service_scope .scope_con .list .item .icon{width: 100%;}
   .service_scope .scope_con .title p{font-size: 22px;}
   .service_scope .scope_con .list .item dd{font-size: 12px;line-height: 22px;}
   .service_scope .scope_con .list .item dt{font-size: 16px;}
   .service_good,.service_good .service_good_txt .good_list{padding-bottom: 0;}
   .service_good .service_good_txt .good_list .item .pic img{width: 150px;}
   .service_good{padding-top: 20px;}
   .service_web{display: block;}
   .service_web .item{width: 100%;padding: 0 35px;margin-bottom: 35px;}
   .service_web_good .item{width: 100%;}
   .service_web_good .item .con{padding: 20px 30px;}
   .weixin_sept .top .item{width: 100%;margin-bottom: 25px;}
   .weixin_sept .top .item.item_two{padding-left: 100px;}
   .weixin_sept,.weixin_sept .weixin_good{margin-top: 40px;}
   .weixin_sept .weixin_good{padding: 40px 30px;}
   .weixin_you .you_list .item{width: 100%;border: none !important;}
   .service_app .item{width: 100%;margin-bottom: 25px;}
   .app_doing .item{width: 100%;}
   .object_text .left,.contact_map .map .left{width: 100%;}
   .object_text .text,.contact_map .map #dituContent{width: 100%;margin-top: 25px;}
   .object_text .text h6{margin-bottom: 0px;}
   .contact_tel h4{font-size: 18px;}
   .contact_tel{padding: 35px 0;}
   .contact_tel .item{margin-top: 30px;}
   .contact_map .map{padding: 30px 0;}
   .yzt_web .yzt_one .title img{width: 350px;}
   .yzt_web .yzt_one .title{top: -10px;}
   .yzt_web .yzt_wp{padding-top:25px;}
   .yzt_web {margin-top: 56px;}
   .yzt_web .yzt_one .yzt_yc .item{width: 100%;}
   .yzt_web .yzt_two .item{width: 100%;margin-top: 25px;}
   .yzt_web .yzt_two{margin-top: 20px;}
   .yzt_web .yzt_sept .item{width: 50%;margin-top: 30px;}
   .yzt_web .yzt_sept .item .con .xian{display: none;}
   .yzt_web .yzt_sept .item .con .xian2{display: none;}
   .yzt_web .yzt_sept{margin-left: -30px;margin-top: 0;}
   .yzt_web .yzt_sept .item .con{margin-left: 30px;}
   .yzt_about_us .text{padding-left: 0;}
   .yzt_about_us .text h4{font-size: 16px;}
   .yzt_about_us .text p{font-size: 14px;margin-top: 20px;}
   .contact_tel h4{font-size: 15px;}
   .contact_tel p{font-size: 12px;}
   .contact_tel h6{font-size: 20px;}
   .yzt_web .yzt_one{padding: 60px 20px;}
   .yzt_web .yzt_logo{text-align: center;}
   .yzt_web .yzt_sept .item .con p{font-size: 14px;}
   .yzt_web .yzt_one{margin-top: 30px;padding: 43px 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
   .yzt_web .yzt_one .title img{width: 90%;}
   .yzt_web .yzt_wp{width: 94%;}
   .yzt_web .yzt_one .title2 h1{font-size:16px;}
   .yzt_web .yzt_one .yzt_yc .item .con p{font-size: 14px;font-weight: bold;}
   .yzt_about_us{margin-top: 15px;}
   .yzt_about_us .text{padding-top: 25px;padding-left: 10px;padding-right: 10px;}
   .yzt_about_us .text p{margin-top: 15px;line-height: 1.4;}
   .yzt_team{margin-top: 28px;}
   .yzt_web{ background-image: linear-gradient(#fff1de, #ff7e39);}
   .yzt_web .yzt_wp{padding-bottom: 0;}
   .contact_tel .item span{color: #281701;font-weight: bold;}
   .contact_tel .item p,.contact_tel2 h6,.contact_tel p,.contact_tel h4{color: #281701;}
   .contact_tel h6,.contact_tel h4{font-weight: bold;}
   .contact_tel h6{margin-top: 15px;}
   #mm_head .logo{text-align: center;}
   .yzt_web .yzt_one .yzt_yc .item{margin-top: 30px;}
   .yzt_web .yzt_one .yzt_yc .item .con p{margin-top: -25px;}
   .yzt_web .yzt_one .yzt_yc{margin-top: -10px;}
   .index_banner .pic_link{display: none;}
   .index_banner{margin-top: 56px;}
   .index_banner .text{text-align: center;}
   .index_banner .text .link_more{width: 100px;height: 33px;line-height: 30px;font-size: 12px;margin-top: 20px;}
   .xcx_banner{padding: 60px 0;}
   .xcx_title h4{font-size: 22px;}
   .xcx_title p{font-size: 14px;width: 100%;}
   .xcx_function .list .item img{width: 60px;}
   .xcx_function .list .item h4{font-size: 20px;}
   .xcx_function .list .item p{font-size: 12px;height: auto;}
   .xcx_case .list .item{width: 100%;margin: 6px 0;}
   .xcx_case .list .item p{margin-top: 6px;font-size: 18px;}
   .xcx_good .list .item{height: 260px;}
   .xcx_flow .yzt_sept .item{width: 50%;margin-top: 30px;}
   .xcx_flow .yzt_sept{margin-left: -30px;margin-top: 0px;}
   .xcx_flow .yzt_sept .item .con .xian,.xcx_flow .yzt_sept .item .con .xian2{display: none;}
   .xcx_flow .yzt_sept .item .con{margin-left: 30px;}
   .index_banner .swiper-pagination{bottom: 15px !important;}
   .index_service_210513 .service_item{width: 100%;margin-bottom: 20px;}
   .index_tit span{font-size: 12px;}
   .index_partner .case_list2 .item{padding: 10px 0;}

   .news_page .item{padding: 15px 0; padding-left: 130px;}
	.news_page .item .pic{width: 130px;margin-left: -130px;}
	.news_page .item .text span{display: none;}
	.news_page .item .text{padding-left: 15px;padding-top: 0;}
	.news_page .item .text h4{font-size: 16px;}
	.news_page .item .text p{margin-top: 8px;font-size: 12px;line-height: 1.6;height: 34px;}
	.news_page{padding-bottom: 40px;}
   .service_nav{padding: 15px 0;}
   .news_page{margin-top: 0;padding-top: 0;}
   .web_deta .deta p{font-size: 14px;}
   .web_deta .title2 h4{font-size: 18px;}
   .case_nav{display: none;}
   .web_case{padding-top: 20px !important;}
   .index_service, .index_case, .index_about {
      padding: 30px 0;
  }
  #page{margin-top: 30px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
   .index_banner .text p{display: none;}
   .index_service,.index_case,.index_about{padding: 40px 0;}
 
   .xcx_good .list .item{height: 230px;}
}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

 

}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

 

}



/*240*/
@media only screen and (max-width: 319px) {

 

}