.diy_banner .h1 {position:absolute;top:35%;left:20px;color:#fff;font-size:16px;}
.diy_banner .h2 {position:absolute;top:50%;left:20px;color:#fff;font-size:24px;}
.marster_footer .logo a img {width:180px;}

/*响应式*/
@media screen and (min-width:360px) and (max-width: 479px) {
	.marster_head a.logo img{ width: 50%;}
	.sy_menu{ line-height: 24px;}
	.banner ul li .txt{ margin-top: -10px;}	
	.news_detail .topic{ font-size: 22px;}
	.contact_default .topic{ font-size: 25px;}
	#banner .swiper-slide .inner{ margin-top: -30px;}
	#banner .swiper-slide .inner dl{ font-size: 20px;}
	.work_detail .top_intro .topic{ font-size: 22px;}
 
}

@media screen and (min-width:480px) and (max-width: 639px) {
	.marster_head a.logo img{ width: 45%;}
	.sy_menu{ line-height: 27px;}
	.banner ul li .txt{ margin-top: -20px;}
	.marster_footer .logo{ margin-top: 10px;}
	.marster_footer .footer_icon{ width: 160px;}
	.news_detail .topic{ font-size: 24px; line-height: 24px;}
	.contact_default .topic{ font-size: 30px;}
	#banner .swiper-slide .inner{ margin-top: -40px;}
	#banner .swiper-slide .inner dl{ font-size: 30px;}
	.about_main .con ul.about_menu{ font-size: 14px; line-height: 26px;}
	.work_detail .top_intro .topic{ font-size: 24px; line-height: 24px;}
  
  .diy_banner .h1 {position:absolute;top:35%;left:20px;color:#fff;font-size:24px;}
.diy_banner .h2 {position:absolute;top:50%;left:20px;color:#fff;font-size:48px;}
}

@media screen and (min-width:640px) {
	.marster_head a.logo{ text-align: left;}
	.marster_head a.logo img{ width: 240px;}
	.marster_head ul.marster_menu{ font-size: 21px; line-height: 36px;}
	.sy_menu{ line-height: 30px;}
	.banner ul li .txt{ margin-top: -30px;}
	.marster_footer .logo{ margin-top: 10px;}
	.marster_footer .footer_icon{ width: 160px;}	
	.marster_footer .footer_icon ul.con_ul li .txt{ font-size: 12px;}
	.marster_head .phone_menu{ display: none;}
	.marster_head ul.marster_menu{ display: block;}	
	.diy_main{ padding-top: 50px;}
	.news_detail .topic{ font-size: 28px; line-height: 28px;}
	.contact_default .topic{ font-size: 35px;}
	.contact_default .content .text_left{ width: 18%;}
	.contact_default .content .map_right{ width: 80%; border-left: 1px solid #000; padding-left: 1%;}
	#banner .swiper-slide .inner{ margin-top: -50px;}
	#banner .swiper-slide .inner dl{ font-size: 40px;}
	.about_main{ padding-top: 50px;}
	.about_main .con{ width: 90%;}
	.about_main .con ul.about_menu{ font-size: 16px; line-height: 28px;}
	.work_detail .top_intro .topic{ font-size: 28px; line-height: 28px;}
  
  .diy_banner .h1 {position:absolute;top:35%;left:20px;color:#fff;font-size:32px;}
.diy_banner .h2 {position:absolute;top:50%;left:20px;color:#fff;font-size:50px;}
.marster_footer .logo a img {width:240px;}
}

@media screen and (min-width:1000px){
	.marster_footer .bottom_txt{ display: block;}
	.banner ul li .txt{ margin-top: -50px;}
	.diy_main{ width: 62%;}
	.diy_main{ padding-top: 80px;}
	.news_detail .topic{ font-size: 36px; line-height: 45px;}
	.to_top_icon{ margin-right: -30px; right: 19%;}
	.contact_default .topic{ font-size: 48px;}
	.contact_default .content .text_left{ width: 18%;}
	.contact_default .content .map_right{ width: 80%; border-left: 1px solid #000; padding-left: 1%;}
	#banner .swiper-slide .inner{ margin-top: -60px;}
	#banner .swiper-slide .inner dl{ font-size: 48px;}
	.about_main{ padding-top: 120px;}
	.about_main .con ul.about_menu{ width: 15%; max-width: 225px; font-size: 18px; line-height: 32px;}
	.about_main .con ul.about_menu li{ width: 98%;}
	.about_main .con{ width: 90%;}
	.about_main .con .text_left{ width: 75%;}
	.work_detail .top_intro .topic{ font-size: 36px; line-height: 45px;}
	.work_detail .work_con .left_txt{ display: block;}
	.work_detail .work_con .right_txt{width: 74.5%;}
  
    .diy_banner .h1 {position:absolute;top:35%;left:20px;color:#fff;font-size:48px;}
.diy_banner .h2 {position:absolute;top:50%;left:20px;color:#fff;font-size:72px;}
}