@media screen and (min-width: 1024px) {
	*{
		font-size: 12px;
	}
	.container {
		width: 85%;
	}
	.header{
		height: 100px;
		 padding: 0 5%;
	}
	.header_logo{
		margin-top: 10px;
	}
	.header_logo img{
		width: 350px; height:auto
	}
    .header .header_tips .c_name {
    margin-top: 0.4rem; }
    
	.header_pc{
		padding: 10px 15px 0 0;
	}
	.header_menu{display:block;}
	.header_topic{
		margin: 0 18px;
	}
	.header_word01 a,.guidance_word01 a{
		line-height: 90px;
	}
	.header_word02{ 
		top: 88px;
    } 
    .header_word02 a{ 
    	font-size: 0.875em; 
    	line-height: 42px;
    }
	.header_pho,
	.header_menu,.guidance_menu {
		display: none;
	}
	.header_tip{
		margin-top: 44px;
	}
	.header_tip img{
		width: 17px;
	}
	.searcher{ 
		top: 32px;
	}
	.searcher input{ 
		line-height: 40px; 
		height: 40px;
	}
	.searcher .search_icon{ 
		width: 17px; 
		right: 5%;
	}
    .searcher .search_close{ 
    	width: 15px;
    	left: 1%;
    }
	.bannerswiper{
		margin-top: 100px;
	}
	.banner_pic{ 
		height: calc(100vh - 100px);
	} 
	.banner_word{ 
		left: 10%; 
		top: 25%;
	}
	.banner_word img{
		height: 4.6em;
		margin-bottom: 25px;
	}
	.banner_word p{
		font-size: 1.625em;
		line-height: 1.5;
	}
	.banner_word span{
		font-size: 1.625em;
		line-height: 1.3;
	}
	.pvBtn{ left: 5%;}
	.ntBtn{ right: 5%;}
	.pvBtn img,.ntBtn img{
		width: 1.9em;
	}
	.downward{ 
		bottom: 1em;
	}
	.downward img{
		margin-bottom: 5px;
	}
	.product{
		padding: 8.5em 0;
	}
	.product01{
		padding: 8.5em 0 6em;
	}
	.product_title p{
		font-size: 3.125em;
		line-height: 1.1em;
	}
	.product_title span{
		font-size: 1.875em;
	}
	.proW{ width: 50%;}
	.proW01{ width: 20%;}
	.proW02{ width: 80%;}
	.padL01{ padding-left: 9%;}
	.padR01{ padding-right: 9%;}
	.padR02{ padding-right: 10%;}
	.about,.about_vid{
		height: 260px;
	}
	.about_p{
		font-size: 1.125em;
		line-height: 2em;
		margin: 1.5em 0 0;
	}
	.look{ 
		position: absolute; 
		left: 0; 
		bottom: 0; 
		z-index: 99;
	}
	.look a{
		font-size: 1.375em;
	}
	.advert_pic{
		width: 7em;
	}
	.news{
		height: 270px;
	}
	.news_p{ 
		width: 70%;
		font-size: 1.125em;
		line-height: 1.8em;
		margin-top: 1em;
		text-indent:2em;
	}
	.news_icon{ 
		position: absolute; 
		bottom: 0; 
		left: 0; 
		z-index: 99;
	}
	.serve{
		padding: 5em 0 0;
	}
	.ser_pic{ 
		height: 21.5em;
	} 
	.ser_w{
		padding-top: 2em;
	}
	.ser_w .ser_title{
		width: 217px;
	}
	.ser_w h1{
		font-size: 2.25em;
		margin: 0.3em 0;
	}
	.ser_w span{
		font-size:1.5em;
		color:#666;
		margin: 0.3em 0 1em;
		padding-bottom:0.3em;
		line-height: 2em;
	}
	.ser_w p{
		font-size: 1.125em;
		line-height: 1.8em;
		margin-bottom: 3em;
		margin-top:1em;
	}
	.infor_pic{ 
		width: 27.5em;
		height: 270px;
	}
	.infor_pic section{
		padding: 0.8em 5%;
	}
	.infor_pic p{
		font-size: 1.25em;
		line-height: 1.2em;
		height: 2.4em;
	}
	.infor_w{
		width: 40%;
		float: right;
	}
	.infor_w p{
		font-size: 1.125em;
	}
	.infor_w h1{
		font-size: 1.375em;
		line-height: 1.5em;
		margin: 1em 0 1.5em;
	}
	.infor_w span{
		font-size: 1.375em;
	}
	.footer01{
		padding: 60px 0;
	}
	.footer_pic{ 
		float: left;
	} 
	.footer_pic img{
		width: 123px;
		margin-bottom: 40px;
	}
	.footer_pic p{ 
		display: inline-block;
		font-size: 1.25em;
	}
	.footer_pic span{
		font-size: 1.75em;
		margin-left: 20px;
	}
	.footer_pic a{color:#fff;}
	.footer_ul{ 
		float: right;
	} 
	.footer_ul li{
		margin-right: 50px;
	}
	.footer_ul p{
		font-size: 1.125em;
		margin-bottom: 2em;
	}
	.footer_ul span{
		font-size: 0.875em;
		line-height: 2.5em;
	}
	.footer02{
		padding: 20px 0 40px;
	}
	.footer02 p{
		font-size: 0.875em;
	}
	.footer02 span{
	    float: right; 
		font-size: 0.875em;
	}
	.picture{
		margin-top: 100px;
		height: 57vh;
	}
	.picture_word p{
		font-size: 3.75em;
	}
	.picture_word h1{ 
		font-size: 2.25em;
		line-height: 1;
		margin-bottom: 0.6em;
	}
	.picture_word span{ 
		font-size: 1.125em;
	}
	.about_int{ 
		padding: 6em 0;
	}
	.brief_pic img{
		height: 36px;
	}
	.brief_pic h1{
		display: none;
	}
	.brief_pic span{
		font-size: 1.5em;
		margin: 1.5em 0;
	}
	.brief_w{
		background-size: 70px;
	}
	.brief_w section{
		width: 72%;
		margin: 0 auto;
		 font-size:0.16rem;
		padding: 2.5em 0 5em;
		line-height: 2em;
		 text-indent: 0.3rem;
	}
	.brief_w section p{
	    text-indent: 0.3rem;
	    margin-bottom:0.2rem;
	    font-size:0.16rem;
	}
	.intro_title{
		margin-bottom: 5em;
	}
	.intro_title h1{
		font-size: 3em;
	}
	.intro_title p{
		font-size: 1.5em;
		margin-top: 0.6em;
	}
	.vocat_ul li{
		/*width: 18%;5列*/
		width:30.5%;
		height: 32em;
		/*margin-right: 2.5%;*/
	}
	.vocat_ul li:last-child{
		margin-right: 0;
	}
	.vocat_ul section{
		width: 75%;
		top: 18%; 
		left: 50%; 
		transform: translateX(-52%);
	}
	.vocat_ul .vocat_icon{ 
		display: block;
		height: 30px;
		margin: 0 auto 40px;
	}
	.vocat_ul p{
		font-size: 1.125em;
	/*	padding-left: 20px;*/
		line-height: 1.8em;
	}
	.vocat_ul span{
		font-size: 0.875em;
		margin-bottom: 2em;
	/*	padding-left: 20px;*/
	}
	.vocat_ul .vocat_tip{
		top: 10px;
		width: 1em;
	}
	

	
	.service p{ 
		font-size: 1.5em;
		margin-bottom: 1.8em;
	}
	.service span{
		width: 13em;
		line-height: 3.75em;
	}
	.service span img{
		margin: 0 0 5px 20px;
		vertical-align: middle;
	}
	.culture01 img{
		width: 30%;
	}
	.culture01 p{
		width: 60%;
		line-height: 4em;
		position: absolute; 
		right: 0; 
		bottom: 0; 
		z-index: 9;
	}
	.culture02{
		margin-top: 5em;
	}
	.culture02a{
		width: 65%;
	}
	.culture02a_pic{
		width: 50%;
		height: 273px;
	}
	.culture02a_w{
		width: 50%;
		padding: 35px 0 0 5%;
	}
	.culture02a_w h1{
		font-size: 2.25em;
	}
	.culture02a_w span{
		font-size: 0.875em;
	}
	.culture02a_w p{
		font-size: 1em;
		margin-top: 1.8em;
	}
	.culture02b{
		width: 35%;
	}
	.culture02b li{
	/*	height: 182px;*/ height:273px;
	/*	padding: 41px 0 0 10%;*/padding: 35px 0 0 10%;
	}
	.culture02b_w01{
		width: 50%;
	/*	padding-top: 15px;*/
	}
	.culture02b_w01 h1{
		font-size: 2.25em;
	}
	.culture02b_w01 span{
		font-size: 0.875em;
	}
	.culture02b_w02 p{
		font-size: 1em;
		/*line-height: 50px;*/padding-top:1.8em;
		
	}
	.culture02a_icon01{ 
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.culture02a_icon02{
		top: 50%; 
		left: 0; 
		transform: translateY(-50%) rotateY(180deg); 
	}
	.glory{
		height: 30em;
		line-height: 30em;
	}
	.gloryBtn01{
		left: -50px; 
	}
	.gloryBtn02{
		right: -50px; 
	}
	.client{
		padding-bottom: 3em;
	}
	.client_pic{ display:flex;justify-content:space-between;  flex-wrap :wrap; }
	.client_pic li{
	/*	width: 11.5%;
		margin-right: 1%;*/
		width:18%;margin-bottom:1em;
		text-align: center;
	}
	/*.client_pic li:last-child{
		margin-right: 0;
	}*/
	.client_pic .client_tu{
		height: 8em;
		line-height: 8em;
	}
	.client_pic .client_icon{
		height: 8em;
		line-height: 6em;
		padding-left: 1em;
	}

	.guide a{
	    float: left; 
		font-size: 1em;
		padding: 0 4em;
		line-height: 3.75em;
	}
	.information{
		margin-top: 30px;
	}
	.information li{
		padding: 3.125em 0;
	}
	.information01{
		width: 29%;
		height: 200px;
	}
	.information02{
		width: 65%;
		height: 200px;
	}
	.information02 p{
		font-size: 1.125em;
	}
	.information02 h1{
		font-size: 1.875em;
		margin: 0.5em 0;
	}
	.information02 span{
		font-size: 0.875em;
		line-height: 3em;
	}
	.information02 button{
		font-size: 1.375em;
	}
	.pagination{ 
		padding: 3.125em 0 4.375em;
	}
	.page01 button{
		width: 13em;
		line-height: 3.5em;
	}
	.page01 img{
		margin-bottom: 5px;
	}
	.page01 button:nth-child(1){
		margin-right: 30px;
	}
	.page01 button:nth-child(1) span{
		margin-left: 10px;
	}
	.page01 button:nth-child(2) span{
		margin-right: 10px;
	}
	.page02{
		position: absolute; 
		right: 0; 
		bottom: 70px; 
		z-index: 99;
		font-size: 0.875em;
	}
	.page02 input{
		width: 72px;
		line-height: 30px;
		padding: 0 7%;
		margin-left: 20px;
	}
	.article01{
		top: -150px;
		height: 150px;
	}
	.article_title{
		left: 50%; 
		bottom: 15px;
		transform: translateX(-50%); 
		width: 70%;
		font-size: 1.875em;
		text-align: center;
	}
	.article_time{
		height: 150px;
	}
	.article_time p{
		position: absolute; 
		left: 0; 
		bottom: 0; 
		z-index: 200;
		padding: 15px 60px;
		font-size: 1.5em;
	}
	.article_share{
		bottom: 15px;
		right: 50px;
	}
	.article_share img{
		margin-left: 15px;
	}
	.article02{
		padding: 90px 7% 150px;
	}
	.article_brief{
		padding: 0 8%;
	    font-size: 1.125em;
	    line-height: 3em;
		height: 6em;
		margin-bottom: 80px;
		background-size: 60px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; 
		overflow: hidden;
		background-size: 40px;
	}
	.article_content{
		line-height: 3;
	}
	.article_content img{
	    max-width: 100%!important;
	    height: auto!important;
	}
	.recruit_content{
		padding: 50px 0 100px;
	}
	.recruit01{
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.recruit01 h1{
		font-size: 1.5em;
		line-height: 50px;
	}
	.recruit01 span{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 2em;
	}
	.recruit02{
		margin-bottom: 60px;
	}
	.recruit02 h1{
		font-size: 1.75em;
		margin-bottom: 1.5em;
	}
	.recruit02 section{
		line-height: 2.5em;
	}
	.recruit_p{
		line-height: 2.5em;
	}
	.map{
		height: 800px;
	}
	.touch{
		width: 40%;
		position: absolute; 
		right: 0; 
		top: -45vh;
		z-index: 9999;
	}
	.touch li{
		padding: 30px 0;
		margin-bottom: 40px;
	}
	.touch_title{
		padding: 12px 0 12px 40px;
		margin-bottom: 20px;
	}
	.touch_title span{
		width: 10px;
		height: 100%;
	}
	.touch_title h1{
		font-size: 1.5em;
	}
	.touch_title p{
		font-size: 0.75em;
	}
	.written{
		padding: 0 40px 30px;
	}
	.written input{
		height: 3.75em;
		margin-bottom: 2em;
	}
	.written textarea{
		padding: 20px 5%;
		height: 180px;
	}
	.written button{
		width: 42%;
		line-height: 3.75em;
		margin-top: 2em;
	}
	.written button img{
		margin-bottom: 5px;
		margin-left: 15px;
	}
	.touch_infor{
		padding: 15px 40px;
	}
	.touch_infor h1{
		font-size: 1.125em;
	}  
	.touch_infor p{
		font-size: 1.125em;
		margin-left: 1em;
	}  
	.touch_infor span{
		font-size: 0.875em;
	}
	.article01{
		top: -100px;
		height: 100px;
	}
	.article_time{
		height: 100px;
	}
	.fabric{
	    padding: 6.25em 0 1em;
	}
	.fabric li{ 
	    width: 22%; 
	    margin-right: 4%;
	    margin-bottom: 4em;
	}
	.fabric li:nth-child(4n){ 
	    margin-right: 0;
	}
	.fabric_pic{ 
	    height: 188px;
	}
	.fabric_w{ 
	    font-size: 1em;
	    line-height: 3em;
	    border-bottom: solid 1px #e1e1e1;
	}
	.iw_poi_title,.iw_poi_content{
	    font-size: 14px;
	}
}
@media screen and (min-width: 1366px) {
	*{
		font-size: 14px;
	}
	.header_logo{
		margin-top: 14px;
	}
	.header_logo img{
		width: 330px;
	}
	.header_topic{
		margin: 0 15px;
	}
	.header .header_tips .header_logo img{ width:90px; height:auto;}
	.header .header_tips .c_name1{margin-top:0.15rem;}
	.about,.about_vid{
		height: 295px;
	}
	.footer_ul li{
		margin-right: 80px;
	}
	.brief_w{
		background-size: 100px;
	}
	.brief_pic img{
		height: 40px;
	}
	.information01{
		height: 235px;
	}
	.information02{
		height: 235px;
	}
	.article01{
		top: -120px;
		height: 120px;
	}
	.article_time{
		height: 120px;
	}
	.article_brief{
		background-size: 50px;
	}
	.fabric_pic{ 
	    height: 252px;
	}
		.header .header_tips .c_name{ margin-top:0.38rem;}
}
@media screen and (min-width: 1440px) {
	.information01{
    	height: 269px;
	}
	.information02{
		height: 269px;
	}
	.header .header_tips .c_name{ margin-top:0.3rem;}
}

@media screen and (min-width: 1600px) {
	*{
		font-size: 16px;
	}
	.container {
		width: 80%;
	}
	.header_logo{
		margin-top: 11px;
	}
	.header_logo img{
		width: 371px;
	}

	.header_topic{
		margin: 0 20px;
	}
	.header_tip{
		margin-top: 42px;
	}
	.header_tip img{
		width: 21px;
	}
	.searcher{ 
		top: 27px;
	}
	.searcher .search_icon{ 
		width: 21px; 
	}
    .searcher .search_close{ 
    	width: 18px;
    }
    .searcher input{ 
		line-height: 50px; 
		height: 50px;
	}
	.about,.about_vid{
		height: 342px;
	}
	.news{
		height: 295px;
	}
	.infor_pic{
		height: 295px;
	}
	.proW01{ 
		width: 25%;
	}
	.proW02{ 
		width: 75%;
	}
	.infor_w{
		width: 45%;
	}
	.brief_w{
		background-size: 141px;
	}
	.brief_pic img{
		height: 46px;
	}
	.vocat_ul li{
		height: 30em;
	}
	/*.vocat_ul p{
		padding-left: 40px;
	}
	.vocat_ul span{
padding-left: 40px;
	}*/
	.vocat_ul .vocat_tip{
		top: 15px;
	}
	.culture01 img{
		width: 461px;
	}
	.information01{
    	height: 292px;
	}
	.information02{
		height: 292px;
	}
	.article01{
		top: -150px;
		height: 150px;
	}
	.article_time{
		height: 150px;
	}
	.article_brief{
		background-size: 60px;
	}
	.fabric_pic{ 
	   /* height: 340px;*/ height:260px;
	}
	.client_pic .client_icon{
	    padding-left: 1.875em;
	}
	.header .header_tips a{ line-height:35px; display:block; font-size:24px;}
    .header .header_tips .c_name{ margin-top:0.3rem;  font-weight:bold; text-align:left; margin-left:20px;}
}
@media screen and (min-width: 1700px) {
	.vocat_ul li{
		width:30%;height:auto; 
	}
	.header .header_tips .c_name{ margin-top:0.25rem;}
}

@media screen and (max-width: 1023px) {
	* {
		font-size: 0.6rem;
	}
	.container{
		width: 90%;
	}
	.container_pho{
	    width: 100%;
	    overflow-x: auto;
	    white-space: nowrap;
	}
	.container_pho::-webkit-scrollbar {
	    display: none;
	}
	.header{
		height: 3rem;
		padding: 0 2%;
	}
	.header_pc,.header_tip{
		display: none;
	}
	.header_logo{
		margin-top: 0.25rem;
	}
	.header_logo img{
		width: 11rem;
	}
	.header_menu{
		float: right;
		margin-top: 1rem;	
	}
	.header_menu img{
		width: 1rem;
	}
	.searcher{
		display: none;
	}
	.searchfor{
		padding: 1.5rem 8%;
		background: #7300b9;
	}
	.searchfor section{
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
	}
	.searchfor input{
		float: left;
		line-height: 1.8rem;
		padding: 0 5%;
		font-size: 0.65rem;
	}
	.searchfor img{
		float: right;
		margin-top: 0.45rem;
		margin-right: 4%;
	}
	.bannerswiper{
		margin-top: 2.2rem;
	}
	.banner_pic{
		height: 80vh;
	}
	.pvBtn img, .ntBtn img{
		width: 1rem;
	}
	.pvBtn{
		left: 3%;
	}
	.ntBtn{
		right: 3%;
	}
	.banner_word{
		width: 80%;
		left: 5%;
		top: 2.5rem;
	}
	.banner_word img{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.downward{
		bottom: 1rem;
	}
	.downward img{
		width: 1.5rem;
		margin-bottom: 0.2rem;
	}
	.product{
		padding: 2rem 0;
	}
	.product01{
		padding: 1.5rem 0;
	}
	.product_title p{
		font-size: 1.2rem;
	}
	.product_title span{
		font-size: 0.8rem;
		color: #000;
	}
	.proW,.proW01,.proW02{ width: 100%;}
	.about_p{
		font-size: 0.65rem;
		margin-top: 0.8rem;
		line-height: 1.3rem;
	}
	.look{
		margin-top: 0.5rem;
	}
	.look a{
		font-size: 0.9rem;
	}
	.about_vid{
		height: 8rem;
		margin-top: 1.2rem;
	}
	.advert_pic{
		width: 3.5rem;
	}
	.play_pic{
		width: 3.5rem;
	}
	.serve{
		margin-top: 1.2rem;
	}
	.ser_pic{
		height: 8rem;
	}
	.ser_w{
		margin-top: 1.2rem;
	}
	.ser_w .ser_title{
		width: 6rem;
	}
	.ser_w h1{
		font-size: 0.9rem;
		margin: 0.5rem 0 1rem;
	}
	.ser_w p{
		font-size: 0.65rem;
		line-height: 1.3rem;
	}
	.ser_w  .ser_icon{
		width: 0.9rem;
		margin-top: 1rem;
	}
	.news_p{
		font-size: 0.65rem;
		margin-top: 0.6rem;
		line-height: 1.2rem;
	}
	.news_icon{
		width: 0.9rem;
		margin-top: 0.8rem;
	}
	.infor{
		margin-top: 1.5rem;
	}
	.infor_pic{
		height: 9.6rem;
	}
	.infor_pic section{
		padding: 0.6rem 4%;
	}
	.infor_pic p{
		line-height: 0.8rem;
		max-height: 2rem;
	}
	.infor_w{
		float: left;
		width: 100%;
		margin-top: 0.8rem;
	}
	.infor_w h1{
		font-size: 0.7rem;
		margin: 0.5rem 0 0.8rem;
	}
	.infor_w span{
		font-size: 0.9rem;
	}
	.footer_ul{
		margin-top: 1.5rem;
	}
	.footer_ul li{
		margin-right: 0.6rem;
	}
	.footer_ul li:last-child{
		margin-right: 0;
	}
	.footer_ul li span{
		display: none;
	}
	.footer01{
		padding: 1.5rem 0;
	}
	.footer_pic{
		width: 100%;
		overflow: hidden;
	}
	.footer_pic img{
		float: left;
		width: 5rem;
	}
	.footer_pic h1{
		float: left;
		margin-left: 1rem;
	}
	.footer_pic p{
		font-size: 0.65rem;
	}
	.footer_pic span{
		display: inline-block;
		font-size: 1rem;
	}
	.footer02{
		padding: 0.5rem 0 1rem;
	}
	.footer02 p{
		font-size: 0.5rem;
	}
	.footer02 span{
		float: left;
		font-size: 0.5rem;
		margin-top: 0.3rem;
	}
	.picture{
		margin-top: 2.2rem;
		height: 15rem;
	}
	.picture_word p{
		font-size: 1.8rem;
		line-height: 1;
	}
	.picture_word h1{
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}
	.picture_word span{
		font-size: 0.65rem;
	}
	.brief_pic img{
		display: none;
	}
	.brief_pic h1{
		font-size: 1rem;
		color: #581e84;
		font-weight: bolder;
		margin-bottom: 0.5rem;
	}
	.brief_w{
		background-size: 1.5rem;
		padding: 1.6rem 0;
	}
	.brief_w section{
		font-size: 0.65rem;
		line-height: 1.3rem;
	}
	.about_int{
		padding: 1.5rem 0;
	}
	.intro_title{
		margin-bottom: 1.5rem;
	}
	.intro_title h1{
		font-size: 1rem;
	}
	.intro_title p{
		font-size: 0.55rem;
		margin-top: 0.2rem;
		letter-spacing: 0.1rem;
	}
	.vocat_ul li{
		width: 100%;
		height: 9rem;
		margin-bottom: 1rem;
	}
	.vocat_ul li .vocat_icon{
		height: 1rem;
		margin-bottom: 0.6rem;
	}
	.vocat_ul li .vocat_tip{
		width: 0.8rem;
		top: 0.2rem;
	}
	.vocat_ul section{ 
		top: 50%;
		transform: translateY(-50%); 
		left: 10%; 
		width: 80%;
	}
	.vocat_ul p{
		padding-left: 15%;
		font-size: 0.65rem;
	}
	.vocat_ul span{
		font-size: 0.55rem;
		padding-left: 15%;
		margin-bottom: 0.5rem;
	}
	.service p{
		font-size: 0.65rem;
		margin-bottom: 1rem;
	}
	.service span{
		width: 6rem;
		line-height: 1.8rem;
		font-size: 0.65rem;
	}
	.service span img{
		width: 0.9rem;
		vertical-align: middle;
		margin: 0 0 0.1rem 0.5rem;
	}
	.culture01 img{
		width: 100%;
		margin: 0.5rem auto 1.5rem;
	}
	.culture01 p{
		font-size: 0.65rem;
		line-height: 1.3rem;
	}
	.culture02a, .culture02b{
		width: 100%;
	}
	.culture02a_pic{
		width: 100%;
		height: 8rem;
	}
	.culture02a_w{
		width: 100%;
		padding: 0.8rem 0;
	}
	.culture02a_w h1{
		font-size: 0.9rem;
	}
	.culture02a_w span{
		display: block;
		font-size: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.culture02a_w p{
		line-height: 1.2rem;
	}
	.culture02a_icon01{ 
		width: 1.2rem;
		bottom: -0.8rem;
		left: 8%;
		transform: rotateZ(90deg);
	}
	.culture02a_icon02{
		width: 1.2rem;
		bottom: -0.8rem;
		left: 8%; 
		transform: rotateZ(90deg); 
	}
	.culture02b li{
		padding: 1rem 5%;
	}
	.culture02b_w01{
		width: 50%;
	}
	.culture02b_w01 h1{
		font-size: 0.9rem;
	}
	.culture02b_w01 span{
		display: block;
    	font-size: 0.5rem;
	}
	.culture02b_w02 p{
		line-height: 0.9rem;
	}
	.about_graph{
		width: 100%;
		height: 6rem;
		overflow: hidden;
	}
	.about_graph img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.gloryBtn01{
		left: -0.6rem;
	}
	.gloryBtn02{
		right: -0.6rem;
	}
	.gloryBtn01 img,.gloryBtn02 img{
		width: 0.8rem;
	}
	.client{
		padding-bottom: 1.5rem;
	}
	.client_pic li{
		width: 49%;
		height: 5rem;
		margin-right: 2%;
		margin-bottom: 0.3rem;
	}
	.client_pic li:nth-child(2n){
		margin-right: 0;
	}
	.client_pic .client_tu{
		line-height: 5rem;
	}
	.client_pic .client_icon{
		line-height: 5rem;
		padding-left: 1rem;
	}
	.client_icon img{
		width: 60%;
	}
	.guide a{
	    display: inline-block;
		padding: 0 1.3rem;
		height: 2.2rem;
		line-height: 2.2rem;
		font-size: 0.65rem;
	}
	.information{
		padding: 1.5rem 0 0;
	}
	.information li{
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.information01{
		width: 100%;
		height: 9rem;
	}
	.information02{
		padding: 1rem 0 2rem;
	}
	.information02 p{
		font-size: 0.65rem;
	}
	.information02 h1{
		font-size: 0.7rem;
		line-height: 1rem;
		margin: 0.4rem 0 0.6rem;
	}
	.information02 span{
		line-height: 1rem;
	}
	.information02 button{
		font-size: 0.9rem;
	}
	.pagination{
		padding: 0.5rem 0 2rem;
	}
	.page01{
		width: 100%;
	}
	.page01 button{
		width: 30%;
		line-height: 1.6rem;
	}
	.page01 button img{
		width: 0.8rem;
		margin-bottom: 0.2rem;
	}
	.page01 button:nth-child(1){
		margin-right: 0.5rem;
	}
	.page01 button:nth-child(1) span{
		margin-left: 0.2rem;
	}
	.page01 button:nth-child(2) span{
		margin-right: 0.2rem;
	}
	.page02{
		float: left;
		width: 100%;
		margin-top: 1rem;
		font-size: 0.55rem;
	}
	.page02 input{
		width: 3rem;
		line-height: 1.5rem;
		height: 1.5rem;
		margin: 0 0.3rem;
		padding: 0 2%;
	}
	.article01{
		height: 3.5rem;
		top: -3.5rem;
	}
	.article_time p{
		width: 3rem;
		height: 3.5rem;
		padding: 0.9rem 0 0;
		font-size: 0.65rem;
	}
	.article_title{
		width: calc(100% - 4rem);
		right: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.7rem;
	}
	.article_share{
		bottom: -1.6rem;
		right: 1rem;
	}
	.article_share img{
		margin-left: 0.8rem;
	}
	.article02{
		padding: 3rem 6% 1.5rem;
		margin-bottom: 1.5rem;
	}
	.article_brief{
		padding: 0 1.1rem;
		margin-bottom: 1.5rem;
		background-size: 0.8rem;
		font-size: 0.6rem;
		line-height: 1.2rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 8; 
		overflow: hidden;
	}
	.article_content{
		font-size: 0.65rem;
		line-height: 1.3rem;
	}
	.article_content img{
	    width: 100% !important;
	    height: auto!important;
	}
	.fabric{
	    padding: 1.2rem 0;
	}
	.fabric li{
	    margin-bottom: 1.5rem;
	    border-bottom: solid 1px #e1e1e1;
	}
	.fabric_pic{
	    height: 8rem;
	}
	.fabric_w{
	    font-size: 0.65rem;
	    line-height: 2rem;
	}
	.recruit_content{
		padding: 1.5rem 0 2rem;
	}
	.recruit01{
		padding: 0.8rem 0;
	}
	.recruit01 h1{
		font-size: 0.7rem;
		line-height: 1.2rem;
	}
    .recruit01 span{
    	width: 1.2rem;
    	height: 1.2rem;
    	line-height: 1.2rem;
    	font-size: 0.8rem;
    }
    .recruit02{
    	padding: 1rem 0 0;
    }
    .recruit02 li{
    	margin-bottom: 1.5rem;
    }
    .recruit02 h1{
    	font-size: 0.8rem;
    	margin-bottom: 0.8rem;
    }
    .recruit02 section{
    	font-size: 0.65rem;
    	line-height: 1.2rem;
    }
    .recruit_p{
    	font-size: 0.65rem;
    	line-height: 1.2rem;
    }
    .bg_col{
    	background: #f5f5f5;
    }
    .map{
    	height: 16rem;
    }
    .touch{
    	margin: 1rem 0;
    }
    .touch li{
    	margin-bottom: 1rem;
    	padding: 0.9rem 0;
    }
    .touch_title{
    	padding-left: 7%;
    	padding-top: 0.1rem;
    	margin-bottom: 1.2rem;
    }
    .touch_title span{
    	width: 0.3rem;
    	height: 2rem;
    }
    .touch_title h1{
    	font-size: 0.8rem;
    }
    .touch_title p{
    	font-size: 0.5rem;
    }
    .written{
    	padding: 0 7% 0.5rem;
    }
    .written input{
    	line-height: 2rem;
    	height: 2rem;
    	margin-bottom: 0.8rem;
    	font-size: 0.65rem;
    }
    .written textarea{
    	padding: 0.5rem 5%;
    	height: 6rem;
    	font-size: 0.65rem;
    }
    .written button{
    	width: 50%;
    	line-height: 2rem;
    	height: 2rem;
    	margin-top: 0.8rem;
    }
    .written button span{
    	font-size: 0.65rem;
    }
    .written button img{
    	width: 0.8rem;
    	margin-left: 0.3rem;
    	margin-bottom: 0.2rem;
    }
    .touch_infor{
    	padding: 0.3rem 7% 0.8rem;
    }
    .touch_infor h1{
    	font-size: 0.7rem;
    }
    .touch_infor p{
    	font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {
    	.bg_w .pc{display:none;}
    .bg_w .m{display:block;}
        .header_tips{ display:none;}
.header .header_tips{ float:left; width:60%;}

.header .header_tips a{ line-height:35px; display:block; font-size:0.65rem;}
.header .header_tips .c_name{ margin-top:0.6rem;  font-weight:bold; text-align:left; margin-left:20px;}
.header .header_tips .header_logo img{ height:100%;width:auto;}

        
  .header_fenzhan .header_logo img {  width:3rem !important; height:auto;}
        
 .vocat_ul{ display:block; }
 .vocat_ul li .vocat_icon{margin:0;}
 .vocat_ul p{padding:0; padding-top:20px; text-align:left;}
.vocat_ul span{ margin-top:10px; padding-left:0; text-align:left;} 


.vocat_ul01{display:block;}
.vocat_ul01 li{ width:100%;  cursor: pointer; margin-bottom:15px;}
.vocat_ul01 li:nth-child(4){ width:100%;}
.vocat_ul01 li img{ width:100%; height:auto; border:2px #ccc solid; }
.vocat_ul01 li p{ width:100%;  font-size:16px; line-height:50px; text-align:center;}



ul.nl_title{width:100%; background:#581e84;border:1px #c5c5c5 solid; display:flex; flex-wrap:wrap; justify-content:space-between;}
ul.nl_title li{ border:none; padding:20px 10px; font-size:16px; font-weight:bold; text-align:center; }
ul.nl_title li:first-child{ width:100%; font-size:18px; text-align:center; color:#fff; }
ul.nl_title li:nth-child(2){display:none; }
ul.nl_title li:nth-child(3){ display:none;  }
ul.nl_title li:nth-child(4){display:none; }
ul.nl_title li:nth-child(5){display:none;  }
ul.nl_title li:nth-child(6){display:none;}
ul.nl_title li:nth-child(7){ display:none; }

ul.nl{width:100%; background:#fff;border:none;  display:flex; flex-wrap:wrap; justify-content:space-between;}
ul.nl li{box-sizing:border-box; border:1px #c5c5c5 solid; border-top:0; border-bottom:0;  padding:10px 15px; font-size:16px;  text-align:left; line-height:30px;}

ul.nl li:nth-child(1){width:10%; display:inline-block; border-right:0; font-size:24px; font-weight:bold; color:#581e84; }
ul.nl li:nth-child(2){ width:90%; border-left:0; }
ul.nl li:nth-child(3){ width:100%; }
ul.nl li:nth-child(4){ width:100%; }
ul.nl li:nth-child(5){ width:100%; }
ul.nl li:nth-child(6){ width:100%; padding:10px 15px; border-bottom:1px #c5c5c5 solid;  }

ul.nl li span{ display:block; font-size:16px; font-weight:bold;}
ul.nl li:nth-child(2) span{ display:inline-block;}

ul.nl li:nth-child(3) img{ width:100%; height:auto; }
ul.nl li:nth-child(6)>ul {height:100%;}
ul.nl li:nth-child(6)>ul li{  display:block; width:100%; border:0; padding:5px 15px;  }


}