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

@media screen and (min-width:480px) and (max-width: 679px) {
	.sy_bottom .left{ width: 100%;}
	.sy_bottom .left .intro_txt{ margin-bottom: 0; padding: 20px 3%; width: 44%; height: 300px; }
	.sy_bottom .left .intro_txt .name{ margin-top: 18px;}
	.sy_bottom .left .intro_img{ width: 47%; height: 340px;}
	.sy_bottom .right{ width: 100%;}
	.sy_bottom .right .map_con{ height: auto;}
	.diy_banner img{ width: 260%; margin-left: -80%;}
	.about_honor ul.list li{ width: 33.33%;}
	.about_event ul li .year{ font-size: 26px;}
	.news_default .recom{ padding-bottom: 15px; margin-bottom: 0px; }
	.news_default .recom .img{ width: 25%; margin-bottom: 0;}
	.news_default .recom .txt{ width: 72%;}
	.news_default ul{ line-height: 36px; margin: 10px 0; font-size: 14px;}
	.industry_default ul.head li a img{ width: 20px;}
	.industry_default ul.head li{ width: 25%; font-size: 18px; line-height: 38px; margin-bottom: 15px;}
	.duty_default .txt{ line-height: 22px; font-size: 20px;}
	.duty_default .txt span{ font-size: 20px;}
	.duty_default .top_intro .txt{ margin-left: 4%; margin-top: 10px; font-size: 1em;}
	.duty_default ul.left{ width: 53%;}
	.duty_default ul.right{ width: 47%;}
	.contact_default .contact_con img{ width: 41%; }
	.contact_default .contact_con .txt{ margin-left: 5%; width: 50%; padding: 10px 0; line-height: 20px; font-size: 14px;}
	.contact_default .contact_con .txt span{ font-size: 20px; margin-bottom: 10px;}
	.contact_default .contact_con .txt b{ display: block;}
	.contact_default .sub_company ul li{ margin-bottom: 30px; height: 178px; width: 50%;}
	.about_honor ul.head{ margin-left: -140px;}
	.about_honor ul.head li{ line-height: 36px; font-size: 20px; width: 140px;}
	.about_honor ul.head .img{ width: 35px;}
}

@media screen and (min-width:680px) and (max-width: 959px) {
	.copyright .left{ display: block;}
	.copyright .right{ width: 100%;}
	.banner img{ width: 200%; margin-left: -50%;}
	.sy_new_img{ width: 45%;}
	.sy_news_ul{ width: 52%;}
	.sy_industry ul li{ width: 32%; margin-bottom: 22px;}

	.sy_bottom .left{ width: 100%;}
	.sy_bottom .left .intro_txt{ margin-bottom: 0; padding: 20px 3%; width: 44%; height: 340px; }
	.sy_bottom .left .intro_txt .name{ margin-top: 18px;}
	.sy_bottom .left .intro_img{ width: 47%; height: 380px;}
	.sy_bottom .right{ width: 100%;}
	.sy_bottom .right .map_con{ height: auto;}
	.sy_bottom .right .map_con ul li{ font-size: 16px;}
	.diy_banner img{ width: 180%; margin-left: -40%;}
	.diy_head .position{ display: block;}
	.diy_head .topic{ width: auto;}
	.diy_head{ margin-bottom: 25px;}
	.about_intro .top_intro img{ width: 45%;}
	.about_intro .top_intro .txt{ width: 55%;position: absolute;}
	.about_intro .top_intro .txt .name{ font-size: 26px; margin: 20px auto 10px auto;}
	.about_intro .top_intro .txt .intro{ margin-top: 50px;}
	.page .border{ display: inline-block; *display: inline; *zoom: 1;}
	.page .pc{ display: none;}
	.about_event ul li{ padding: 18px 0;}
	.about_event ul li .circle{ top: 24px;}
	.about_honor ul.list li{ width: 25%;}
	.about_honor ul.list li img{ margin: 20px auto;}
	.about_event ul li .year{ font-size: 30px; width: 20%;}
	.about_event ul li .intro .line .t{ width: 70%; line-height: 24px; font-size: 14px;}
	.about_event ul li .intro .line b{ display: inline;}
	.news_default .recom{ padding-bottom: 30px; margin-bottom: 20px; }
	.news_default .recom .img{ width: 25%; margin-bottom: 0;}
	.news_default .recom .txt{ width: 72%;}
	.news_default ul{ line-height: 42px; margin: 20px 0; font-size: 14px;}
	.news_publication ul li{ width: 23%; margin-right: 2%;}
	.news_video .top_video{ display: block;}
	.news_video ul li{ width: 30.33%; margin-right: 3%;}
	.industry_default ul.head li a img{ width: 25px;}
	.industry_default ul.head li{ width: 20%; font-size: 20px; line-height: 42px; margin-bottom: 18px;}
	.culture_leader .qiehuan .datu ul li span{ font-size: 16px; line-height: 40px;}
	.duty_default .txt{ line-height: 28px; font-size: 24px;}
	.duty_default .txt span{ font-size: 24px;}
	.duty_default .top_intro .txt{ font-size: 1em; margin-left: 4%; margin-top: 20px;}
	.duty_default ul.left{ width: 53%;}
	.duty_default ul.right{ width: 47%;}
	.duty_return ul li{ width: 30.33%; }
	.duty_detail .topic{ font-size: 24px;}
	.talent_job .top_intro img{ vertical-align: middle;}
	.talent_job .top_intro .txt{ vertical-align: middle;}
	.talent_job table tr td.td_1{ font-size: 14px;}
	.talent_job table tr td.td_3{ font-size: 14px;}
	.talent_job table tr td{ line-height: 40px;}
	.job_detail .head{ padding-bottom: 25px;}
	.job_detail ul{ line-height: 30px; margin-top: 25px; width: 50%; margin-bottom: 45px;}
	.contact_default #allmap{ height: 350px;}
	.contact_default .contact_con img{ width: 41%; }
	.contact_default .contact_con .txt{ margin-left: 5%; width: 50%; padding: 30px 0; line-height: 26px; font-size: 16px;}
	.contact_default .contact_con .txt span{ font-size: 34px; margin-bottom: 20px;}
	.contact_default .contact_con .txt b{ display: block;}
	.contact_default .sub_company ul li{ margin-bottom: 30px; height: 178px; width: 50%;}
	.about_organization .pc{ display: block;}
	.about_organization .ph{ display: none;}
	.about_honor ul.head{ margin-left: -198px;}
	.about_honor ul.head li{ line-height: 42px; font-size: 24px; width: 198px;}
	.about_honor ul.head .img{ width: 40px;}
}

@media screen and (min-width:960px) {
	.master_top{ z-index: 4;}
	.footer_menu{ display: block;}
	.copyright .left{ display: block;}
	.copyright .right{ width: 100%;}
	.banner img{ width: 150%; margin-left: -25%;}
	.sy_middle .left{ width: 64%;}
	.sy_middle .right{ width: 33%;}
	.sy_new_img{ width: 45%;}
	.sy_news_ul{ width: 52%;}
	.sy_industry ul li{ width: 32%; margin-bottom: 28px;}
	.sy_bottom{ margin-bottom: 40px;}
	.sy_bottom .left{ width: 66%;}
	.sy_bottom .left .intro_txt{ margin-bottom: 0; padding: 20px 3%; width: 42.5%; height: 260px; }
	.sy_bottom .left .intro_txt .name{ margin-top: 18px;}
	.sy_bottom .left .intro_img{ width: 48.5%; height: 300px;}
	.sy_bottom .right{ width: 32%;}
	.sy_bottom .right .map_con{ height: 300px;}
	.sy_bottom .right .map_con span{ height: 300px;}
	.sy_bottom .right .map_con ul li{ font-size: 12px;}
	.diy_banner img{ width: 140%; margin-left: -20%;}
	.diy_head .position{ display: block;}
	.diy_head .topic{ width: auto;}
	.diy_head{ margin-bottom: 30px;}
	.diy_left{ width: 74%; }
	.diy_right{ width: 24%; display: block;}
	.about_intro .top_intro img{ width: 45%;}
	.about_intro .top_intro .txt{ width: 55%;position: absolute;}
	.about_intro .top_intro .txt .name{ font-size: 28px; margin: 30px auto 10px auto;}
	.about_intro .top_intro .txt .intro{ margin-top: 40px;}
	.page{ text-align: right;}
	.page .border{ display: inline-block; *display: inline; *zoom: 1;}
	.page .pc{ display: inline-block; *display: inline; *zoom: 1;}
	.about_organization .pc{ display: block;}
	.about_organization .ph{ display: none;}
	.about_honor ul.list li{ width: 25%;}
	.about_honor ul.list li img{ margin: 30px auto;}
	.about_event ul li{ padding: 18px 0;}
	.about_event ul li .circle{ top: 25px;}
	.about_event ul li .year{ font-size: 30px; width: 20%;}
	.about_event ul li .intro .line .t{ width: 70%; line-height: 24px; font-size: 14px;}
	.about_event ul li .intro .line b{ display: inline;}
	.news_default .recom{ padding-bottom: 30px; margin-bottom: 20px; }
	.news_default .recom .img{ width: 25%; margin-bottom: 0;}
	.news_default .recom .txt{ width: 72%;}
	.news_default ul{ line-height: 42px; margin: 20px 0; font-size: 14px;}
	.news_publication ul li{ width: 23%; margin-right: 2%;}
	.news_video .top_video{ display: block;}
	.news_video ul li{ width: 30.33%; margin-right: 3%;}
	.industry_default ul.head li a img{ width: 30px;}
	.industry_default ul.head li{ width: 20%; font-size: 22px; line-height: 42px; margin-bottom: 18px;}
	.culture_leader .qiehuan .xtu{ width: 555px;}
	.culture_leader .qiehuan .xtu dl dd{ width:130px; margin-right:5px;}
	.culture_leader .qiehuan .xtu dl dt{ width: 124px; height: 64px;}
	.culture_leader .xiaotu .prev{ display: block;}
	.culture_leader .xiaotu .next{ display: block;}
	.culture_leader .qiehuan .xiaotu{ display: block;}
	.culture_leader .qiehuan .datu .prev{ display: block;}
	.culture_leader .qiehuan .datu .next{ display: block;}
	.culture_leader .qiehuan .datu ul{ position: absolute;}
	.culture_leader .qiehuan .datu ul li{ position: absolute; display: none;}
	.culture_leader .qiehuan .datu ul li span{ font-size: 18px; line-height: 45px;}
	.duty_default .txt{ line-height: 28px; font-size: 24px;}
	.duty_default .txt span{ font-size: 24px;}
	.duty_default .top_intro .txt{ font-size: 1em; margin-left: 4%; margin-top: 25px;}
	.duty_default ul.left{ width: 53%;}
	.duty_default ul.right{ width: 47%;}
	.duty_return ul li{ width: 30.33%; }
	.duty_detail .topic{ font-size: 24px;}
	.talent_job .top_intro img{ vertical-align: middle;}
	.talent_job .top_intro .txt{ vertical-align: middle;}
	.talent_job table tr td.td_1{ font-size: 14px;}
	.talent_job table tr td.td_3{ font-size: 14px;}
	.talent_job table tr td{ line-height: 45px;}
	.job_detail .head{ padding-bottom: 30px;}
	.job_detail ul{ line-height: 30px; margin-top: 25px; width: 50%; margin-bottom: 55px;}
	.contact_default #allmap{ height: 414px;}
	.contact_default .contact_con img{ width: 41%; }
	.contact_default .contact_con .txt{ margin-left: 5%; width: 41%; padding: 60px 0; line-height: 28px; font-size: 18px;}
	.contact_default .contact_con .txt span{ font-size: 36px; margin-bottom: 20px;}
	.contact_default .contact_con .txt b{ display: block;}
	.contact_default .sub_company ul li{ margin-bottom: 30px; height: 178px; width: 33.33%;}
	.news_video ul{ margin-bottom: 15px;}
	.duty_return ul{ margin-bottom: 15px;}
	.about_honor ul.head{ margin-left: -198px;}
	.about_honor ul.head li{ line-height: 42px; font-size: 24px; width: 198px;}
	.about_honor ul.head .img{ width: 40px;}
	.duty_default ul.right .txt span{ margin-top: 40px;}
}

@media screen and (min-width:1100px) {
	.sub_main{ width: 1100px; margin: 0 auto;}
	.marster_head .pc_menu{ display: block;}
	.marster_head .phone_menu{ display: none;}
	.copyright .left{ float: left; width: auto;}
	.copyright .right{ float: right; width: auto;}
	.banner img{ width: 100%; margin-left: 0;}
	.sy_bottom{ margin-bottom: 50px;}
	.sy_bottom .left{ width: 66%;}
	.sy_bottom .left .intro_txt{ padding: 20px; width: 312px; height: 292px; }
	.sy_bottom .left .intro_txt .name{ margin-top: 38px;}
	.sy_bottom .left .intro_img{ width: 352px; height: 332px;}
	.sy_bottom .right .map_con{ height: 332px;}
	.sy_bottom .right .map_con span{ height: 332px;}
	.diy_banner img{ width: 100%; margin-left: 0;}
	.diy_head{ margin-bottom: 40px;}
	.diy_left{ width: 76%; }
	.diy_right{ width: 19.5%; }
	.about_intro .top_intro .txt .name{ font-size: 30px; margin: 50px auto 30px auto;}
	.about_intro .top_intro .txt .intro{ margin-top: 40px;}
	.about_honor ul.list li img{ margin: 40px auto;}
	.about_event ul li .intro .line .t{ width: 75%;}
	.industry_default ul.head li{ width: 184px; font-size: 24px;}
	.culture_leader .qiehuan .xtu dl dd{ width:135px; margin-right:5px;}
	.culture_leader .qiehuan .xtu dl dt{ width: 129px; height: 67px;}
}