/*响应式*/
@media screen and (min-width:320px) {

}

@media screen and (min-width:480px) {
	.section_2 .topic{ font-size: 20px; margin-bottom: 15px;}
	.section_4 .topic{ font-size: 20px;}
	.please_contact{ font-size: 18px;}
	.sy_bottom ul{ width: 80%;}
	.pro_topic{ font-size: 18px;}
	.font_24{ font-size: 20px;}
	.pro_wallpaper ul.top_ul li .left{ width: 49%; margin-bottom: 0;}
	.pro_wallpaper ul.top_ul li .right{ width: 49%;}
	.pro_wallpaper ul.top_ul li .circle{ width: 200px; height: 200px;  margin-left: -100px; margin-top: -100px; }
	.pro_wallpaper ul.top_ul li .circle .sub .name{ margin-bottom: 0.3em; margin-top: 1em;}
	.pro_wallpaper ul.top_ul li .circle .sub span{margin-left: 2.5em;}

	.pro_textile ul li .left_img{ width: 100%;}
	.pro_textile ul li .middle_txt{ width: 60%; height: 100%; left: 54%; top: 0;}
	.pro_textile ul li .middle_txt .intro{ margin: 1.5em auto; }
	.pro_textile ul li .middle_txt .gray_intro span{ margin-left: 3em;}
	.pro_textile ul li .middle_txt .more{ width: 111px; height: 34px; line-height: 34px; margin: 1.5em auto;}
	.pro_textile ul li .right_img{ width: 35%;}
	.pro_mat ul.top_ul li .left_txt .swiper-container{ width: 48%; float: left;}
	.pro_mat ul.top_ul li .left_txt .intro_txt{ width: 48%; float: right;}
	.pro_mat .bottom_ul li{ width: 48%;}
	.news_default .top_dl dt{ width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; }
	.news_default .top_dl dt span{ font-size: 14px;}
	.news_default ul.list li .img{ width: 54%;}
	.news_default ul.list li .txt{ width: 40%; margin-left: 2%;}
	.contact_default #allmap{ height: 350px;}
	.contact_default .bottom_con .right_icon .box{ width: 50px; height: 50px;}
	.about_default .logo_ul li .logo{ width: 15%;}
	.about_default .logo_ul li .txt{ width: 82%;}
	.pro_matting .bottom_ul li{ width: 48%;}
	.pro_textile ul li .right_img img{ width: 100%;}
	.research_default ul.top_list li .img{ width: 54%;}
	.research_default ul.top_list li .txt{ width: 40%; margin-left: 2%;}
}

@media screen and (min-width:680px) {
	.about_history .hide .line b{ width: 10%;}
	.footer_top{ display: block; height: auto;padding: 40px 0;}
	.footer_top dl.dl_1{ width: 30%;}
	.footer_top dl.dl_2{ width: 32%;}
	.footer_top dl.contact{ width: 35%;}	
	.sy_topic{ font-size: 24px;}
	.section_1 ul{ width: 101%;}
	.section_1 ul li{ width: 24%; margin-right: 1%;}
	.section_1 ul li .con .txt{ padding: 15px 0 8px 0;}
	.section_1 ul li .con .txt .name{ font-size: 14px;}
	.section_1 ul li .con .txt .intro{ font-size: 14px;}
	.section_2 .topic{ font-size: 24px; margin-bottom: 15px;}
	.section_2 .intro{ font-size: 14px; line-height: 22px;}
	.section_2 img{ width: 100%; margin-left: 0;}
	.section_4 .topic{ font-size: 24px;}
	.section_4 .sub_name{ font-size: 18px;}
	.section_4 .intro{ font-size: 14px; line-height: 22px;}
	.section_5{ margin-bottom: 30px;}
	.section_5 ul{ padding-bottom: 20px;}
	.section_5 ul li a span{ font-size: 14px;}
	.section_5 ul li{ width: 31.83%;}
	.please_contact{ font-size: 20px;}	
	.sy_bottom ul{ font-size: 13px; width: 70%;}
	.pro_topic{ font-size: 22px;}
	.font_16{ font-size: 14px;}
	.font_18{ font-size: 16px;}
	.font_20{ font-size: 18px;}
	.font_24{ font-size: 22px;}
	.pro_ad{ height: 180px;}
	.pro_floor .floor_modle1 img{ width: 47%; float: left;}
	.pro_floor .floor_modle1 .txt{ width: 49%; margin: 1em 0 1em 2%; float: left;}
	.pro_default_list ul li{ width: 24%; margin-right: 1%;}
	.pro_wallpaper ul.top_ul li .left{ width: 48%;}
	.pro_wallpaper ul.top_ul li .right{ width: 48%;}
	.pro_wallpaper ul.top_ul li .circle{ width: 250px; height: 250px;  margin-left: -125px; margin-top: -125px; }
	.pro_wallpaper ul.top_ul li .circle .sub .name{ margin-bottom: 0.5em; margin-top: 2em;}
	.pro_wallpaper ul.top_ul li .circle .sub span{margin-left: 4em;}
	.wallpaper_modle2 .name{ margin-bottom: 0.5em;}
	.wallpaper_modle2 .left{ width: 26%; padding: 0 2%; margin-top: 1em; margin-bottom: 0;}
	.wallpaper_modle2 .left .intro span{ background: url(/index/li_dot1.png) no-repeat left center; padding-left: 12px; margin-left: 2em; text-align: left;}
	.wallpaper_modle2 .middle{ width: 40%;}
	.wallpaper_modle2 .right{ width: 26%; padding: 0 2%; margin-top: 1em; margin-bottom: 0;}
	.pro_textile ul li .sub{ background: none;}
	.pro_textile ul li .left_img{ width: 54%;}
	.pro_textile ul li .middle_txt{ width: 25%; position: absolute; height: 100%; left: 54%; top: 0;}
	.pro_textile ul li .middle_txt .intro{ margin: 0.8em auto; }
	.pro_textile ul li .middle_txt .gray_intro span{ margin-left: 1.5em;}
	.pro_textile ul li .middle_txt .more{ width: 111px; height: 24px; line-height: 24px; margin: 0.5em auto;}
	.pro_textile ul li .right_img{ width: 21%;}
	.wallpaper_case_alert .box{ width: 600px; left: 50%; margin-left: -300px;}
	.pro_mat ul.top_ul li .left_txt{ width: 30%;}
	.pro_mat ul.top_ul li .right_img{ width: 67%;}
	.pro_mat ul.top_ul li .left_txt .swiper-container{ width: 100%;}
	.pro_mat ul.top_ul li .left_txt .intro_txt{ width: 100%;}
	.pro_mat ul.top_ul li{ margin-bottom: 1.5em;}
	.pro_mat ul.top_ul{ margin-top: 2.5em;}
	.pro_mat .bottom_ul li{ width: 31.33%;}
	.pro_mat .bottom_ul{ padding: 20px 0;}
	.pro_material .circle_modle .icon{ width: 100px; height: 80px; padding-top: 20px; margin-right: 20px;}
	.pro_list ul li{ width: 24%; margin-right: 1%;}
	.pro_list_alert .box{ width: 600px; left: 50%; margin-left: -300px;}
	.news_default .top_dl dt{ width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; }
	.news_default .top_dl dt span{ font-size: 16px;}
	.news_default ul.list li .img{ width: 40%;}
	.news_default ul.list li .txt{ width: 54%; margin-left: 2%;}
	.news_default ul.list li{ margin-bottom: 20px;}
	.diy_menu ul li{ width: 20%; font-size: 14px; border-left: 3px solid #fff; border-right: 3px solid #fff; margin: 0 -1.5px;}
	.news_video ul.list li{ width: 31.83%; margin-bottom: 15px;}
	.news_video ul.list li .name{ padding-top: 1em; padding-bottom: 1.5em;}
	.contact_default #allmap{ height: 400px;}
	.contact_default .bottom_con .left_form{ width: 90%;}
	.about_default .top_intro .left_txt .line ul.sub_line li{ margin-bottom: 0;}
	.about_default .top_intro .left_txt .line ul.sub_line li .txt{ width: 42.5%;}
	.about_default .top_intro .left_txt .line ul.sub_line li .green_line{ width: 45%; margin-left: 0;}
	.about_default .logo_ul li .logo{ width: 10%;}
	.about_default .logo_ul li .txt{ width: 87%;}
	.about_default .structure{ margin-bottom: 30px;}
	.about_default .structure .content ul li .arrow{ right: -12.6%;}
	.about_default .structure .content ul li:nth-child(2n) .arrow{ left: -12.5%;}
	.about_default .structure .content{ background: url(/index/structure_line.jpg) repeat-y center; padding-left: 0;}
	.about_default .structure .content .top_box img{ margin: 0 auto;}
	.about_default .structure .content ul li{ width: 45%;}
	.about_default .structure .content ul li .name{ padding: 2px 15px; right: -8%; left: auto;}
	.about_default .structure .content ul li:nth-child(2n) .name{ right: auto; left: -8%;background: url(/index/structure_arrow1.png) no-repeat right center;}
	.about_default .structure .content ul li .arrow{ display: block;}
	.about_default .structure .content ul li:nth-child(2){ margin-top: 85px;}
	.honor_alert .box{ width: 600px; left: 50%; margin-left: -300px;}
	.about_honor ul.list li{ width: 23%;}
	.sy_news .scroll_updown ul li .date{ display: block; width: 20%;}
	.sy_news .scroll_updown ul li .topic{ width: 67%;}
	.pro_matting ul.top_ul li{ padding-bottom: 0;}
	.pro_matting ul.top_ul .txt .name{ margin: 0.5em 0;}
	.pro_matting ul.top_ul .swiper-container{ width: 53%;}
	.pro_matting ul.top_ul .txt{ width: 44%;}
	.pro_matting ul.top_ul .swiper-container{ position: static;}
	.pro_matting ul.top_ul .swiper-button-prev{ bottom: 0; top: auto; right: auto; left: 56%;}
	.pro_matting ul.top_ul .swiper-button-next{ bottom: 0; top: auto; right: auto; left: 59%;}
	.pro_matting ul.top_ul li:nth-child(2n) .swiper-button-prev{ left: auto; right: 59%;}
	.pro_matting ul.top_ul li:nth-child(2n) .swiper-button-next{ left: auto; right: 56%;}
	.pro_matting .bottom_ul li{ width: 31.33%;}
	.pro_matting .bottom_ul{ padding: 20px 0;}
	.research_default ul.top_list li .img{ width: 40%;}
	.research_default ul.top_list li .txt{ width: 54%; margin-left: 2%;}
	.research_default ul.top_list li{ margin-bottom: 20px;}
}

@media screen and (min-width:960px) {
	.about_history .hide .line b{ width: 7%;}
	.footer_top{ display: block;}
	.pc_header{ display: block;}
	.ph_header{ display: none;}	
	.footer_top dl.dl_1{ width: 15%;}
	.footer_top dl.dl_2{ width: 20%;}
	.footer_top dl.contact{ width: 25%;}
	.footer_top .footer_feedback{ display: block;}
	.copyright{ padding: 18px 4%; font-size: 14px; line-height: 20px; }
	.pc_banner{ display: block;}
	.ph_banner{ display: none;}
	.sy_topic{ font-size: 28px;}
	.section_1 ul{ width: 102%;}
	.section_1 ul li{ width: 23%; margin-right: 2%;}
	.section_1 ul li .con .txt{ padding: 20px 0;}
	.section_1 ul li .con .txt .name{ font-size: 16px;}
	.section_1 ul li .con .txt .intro{ font-size: 16px;}
	.section_2 .topic{ font-size: 28px; margin-bottom: 20px;}
	.section_2 .intro{ font-size: 16px; line-height: 24px;}
	.section_2 img{ width: 845px; margin-left: 0;}
	.section_4 .topic{ font-size: 28px;}
	.section_4 .sub_name{ font-size: 20px;}
	.section_4 .intro{ font-size: 16px; line-height: 24px;}
	.section_5 ul li a span{ font-size: 16px;}
	.please_contact{ font-size: 22px;}
	.sy_bottom ul{ font-size: 14px; padding: 15px 0; width: 60%;}
	.diy_banner img{ width: 1060px; margin-left: -540px;}
	.pro_topic{ font-size: 26px;}
	.font_14{ font-size: 14px;}
	.font_16{ font-size: 16px;}
	.font_18{ font-size: 18px;}
	.font_20{ font-size: 20px;}
	.font_24{ font-size: 24px;}
	.pro_ad{ background-attachment: fixed; height: 225px;}
	.pro_floor .floor_modle1 img{ width: 47%; float: left;}
	.pro_floor .floor_modle1 .txt{ width: 49%; margin: 2em 0 2em 2%; float: left;}
	.pro_default_list .head a span{ width: 105px;}
	.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd{ width: 21%;}
	.pro_wallpaper ul.top_ul li .left{ width: 46.5%;}
	.pro_wallpaper ul.top_ul li .right{ width: 46.5%;}
	.pro_wallpaper ul.top_ul li .circle{ width: 304px; height: 304px;  margin-left: -152px; margin-top: -152px; }
	.wallpaper_modle2 .name{ margin-bottom: 1em;}
	.wallpaper_modle2 .left{ width: 24%; padding: 0 2%; margin-top: 8em;}
	.wallpaper_modle2 .left .intro span{ margin-left: 3em;}
	.wallpaper_modle2 .middle{ width: 44%;}
	.wallpaper_modle2 .right{ width: 24%; padding: 0 2%; margin-top: 8em;}
	.pro_textile ul li .middle_txt .intro{ margin: 3em auto 1.5em auto; }
	.pro_textile ul li .middle_txt .gray_intro span{ margin-left: 3em;}
	.pro_textile ul li .middle_txt .more{ width: 111px; height: 34px; line-height: 34px; margin: 2em auto;}
	.wallpaper_case_alert .box{ width: 800px; left: 50%; margin-left: -400px;}	
	.pro_list_alert .box{ width: 800px; left: 50%; margin-left: -400px;}	
	.pro_mat ul.top_ul li .left_txt .head{ margin-bottom: 2em;}
	.pro_mat .bottom_ul{ padding: 30px 0;}
	.pro_material .circle_modle ul{ position: absolute; width: 100%;}
	.pro_material .circle_modle ul li{ position: absolute;}
	.pro_material .circle_modle .circle{ display: block;}
	.pro_material .circle_modle .icon{ width: 113px; height: 93px; padding-top: 20px; margin-top: 105px; margin-right: 25px;}
	.page a{ width: 25px; height: 25px; line-height: 25px;}
	.page span{ width: 25px; height: 25px; line-height: 25px;}
	.news_default .top_dl dt{ width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; }
	.news_default .top_dl dt span{ font-size: 18px;}
	.news_default .warm_alert{ padding: 30px 0;}
	.news_default ul.list li .img{ width: 34%;}
	.news_default ul.list li .txt{ width: 62%; margin-left: 2%;}
	.news_default ul.list li .txt .intro{ margin: 0.8em 0;}
	.news_default ul.list li .txt .more{ width: 106px; height: 29px; line-height: 29px;}
	.news_default ul.list li{ margin-bottom: 30px;}
	.diy_menu ul li{ width: 15%; font-size: 18px; border-left: 5px solid #fff; border-right: 5px solid #fff; margin: 0 -2.5px;}
	.news_video ul.list li .name{ padding-top: 1.5em; padding-bottom: 2em;}
	.contact_default #allmap{ height: 455px;}
	.contact_default .bottom_con .left_form .line .left{ width: 40px; line-height: 36px;}
	.contact_default .bottom_con .left_form .line .right input{ width: 120px; line-height: 36px;}
	.contact_default .bottom_con .left_form .line .right textarea{ width: 450px; padding: 10px 0;}
	.contact_default .bottom_con .left_form .line .right{ width: 60%;}
	.contact_default .bottom_con .left_form .line.name{ width: 32.66%; float: left;}
	.contact_default .bottom_con .left_form .line.phone{ width: 32.66%; margin-left: 1%; float: left;}
	.contact_default .bottom_con .left_form .line.mail{ width: 32.66%; float: right;}
	.contact_default .bottom_con .left_form{ width: 56%;}
	.contact_default .bottom_con .middle_txt{ width: 34%; margin-right: 7%; margin-top: -75px; margin-bottom: 0;}
	.about_default .top_intro .left_txt{ width: 57%;}
	.about_default .top_intro .left_txt .intro{ width: 120%; margin-right: -30%; }
	.about_default .top_intro .right_img{ width: 43%; display: block;}	
	.about_default .structure{ margin-bottom: 40px;}
	.about_default .structure .content ul li .arrow{ right: -12.5%;}
	.about_default .structure .content ul li:nth-child(2n) .arrow{ left: -12.5%;}
	.honor_alert .box{ width: 800px; left: 50%; margin-left: -400px;}	
	.sy_section_1 ul li{ width: 50%;}
	.pro_matting ul.top_ul .txt .name{ margin: 1.5em 0;}
	.pro_matting .bottom_ul{ padding: 30px 0;}

	.sy_section_1 ul li:nth-child(2n) .txt{ left: left; right: auto;}
	.sy_section_1 ul li:nth-child(2n) .img{ float: right;}
	.sy_section_1 ul li:nth-child(2n) .img .arrow{ border-color: transparent transparent transparent #f2f2f2; left: 0; right: auto;}
	.sy_section_1 ul li:nth-child(4n+3) .txt{ left: auto; right: 0;}
	.sy_section_1 ul li:nth-child(4n+3) .img{ float: left;}
	.sy_section_1 ul li:nth-child(4n+3) .img .arrow{border-color: transparent #f2f2f2 transparent transparent; left: auto; right: 0;}
	.sy_section_1 ul li:nth-child(4n+4) .txt{ left: auto; right: 0;}
	.sy_section_1 ul li:nth-child(4n+4) .img{ float: left;}
	.sy_section_1 ul li:nth-child(4n+4) .img .arrow{border-color: transparent #f2f2f2 transparent transparent; left: auto; right: 0;}
	.pro_material .circle_modle .icon{ float: left;}
	.pro_material .circle_modle ul{ float: left; display: block;}
	.wallpaper_case_alert .box{ height: 438px;}
	.research_default ul.top_list li .img{ width: 34%;}
	.research_default ul.top_list li .txt{ width: 62%; margin-left: 2%;}
	.research_default ul.top_list li .txt .intro{ margin: 0.8em 0;}
	.research_default ul.top_list li .txt .more{ width: 106px; height: 29px; line-height: 29px;}
	.research_default ul.top_list li{ margin-bottom: 30px;}
	.research_default .technical_info ul li .name{ width: 70%;}
	.research_default .technical_info ul li .download{ width: 10%; left: 75%;}
}

@media screen and (min-width:1060px) {
	.sub_main{ width: 1000px; margin: 0 auto;}	
	.sy_bottom ul{ font-size: 15px; padding: 20px 0; width: 45%;}
	.diy_banner img{ width: 1920px; margin-left: -960px;}
	.pro_topic{ font-size: 28px;}
	.pro_floor .floor_modle3 .logo{ display: block;}
	.pro_floor .floor_modle3 .box{ display: block;}
	.pro_floor .floor_modle3 ul.right_txt{ margin-top: 20px; width: 755px;}
	.pro_floor .floor_modle3 ul.right_txt li .name{ display: none;}
	.pro_material .circle_modle{ overflow: hidden; padding: 15px 0 30px 0;}	
	.pro_material .pc_slide{ display: block;}
	.pro_material .ph_slide{ display: none;}
	.news_default .warm_alert{ padding: 40px 0;}
	.contact_default .bottom_con .left_form .line .left{ width: 50px; line-height: 36px;}
	.contact_default .bottom_con .left_form .line .right input{ width: 125px; line-height: 36px;}
	.contact_default .bottom_con .left_form .line .right textarea{ width: 480px; padding: 10px 0;}
	.about_default .top_intro .left_txt .line{ width: 91%;}
	.about_culture .culture_menu{ position: absolute; left: 0; top: 0; height: 100%; width: 17.5%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0;}
	.about_culture .culture_menu li{ display: block; margin: 0; padding: 0.53em 0;}
	.about_culture .qiehuan{ display: block;}
	.about_culture .ph_culture{ display: none;}
	.pro_floor .floor_modle3 .logo{ float: left; margin-top: 160px; margin-right: 20px;}
}

@media screen and (min-width:1920px) {
	.diy_banner img{ width: 100%; left: 0; margin-left: 0;}
}