﻿/*about-profile*/
.about_profile{ width: 100%; background: #f3f3f3; overflow: hidden;}
.about_profile .box{ position: relative;}
.about_profile .box .pic{ position: absolute; top: 0;}
.about_profile .box .txt{ width: 6.5rem; height: 2.89rem; line-height: 0.3rem; color: #333; font-size: 14px;}
.about_profile .box1 .txt{ padding: 1rem 1rem 1rem 0.5rem; }
.about_profile .box1 .pic{ left: 8rem;}
.about_profile .box1 .pic img{width: 9.6rem;}
.about_profile .box2 .txt{ float: right; padding: 1rem 0.5rem 1rem 1rem;}
.about_profile .box2 .pic{ right: 8rem;}
.about_profile .box2 .pic img{ width: 9.6rem; }
.about_profile .box3 .txt{ padding: 1rem 1rem 1rem 0.5rem;}
.about_profile .box3 .pic{ left: 8rem;}
.about_profile .box3 .pic img{ width: 9.6rem; }
/* about_culture */
.about_culture{ width: 100%; padding-bottom: 0.7rem;}
.about_culture ul li{ float: left; width: 4.70rem; margin-right: 0.95rem;}
.about_culture ul li .pic{ width: 100%; overflow: hidden; cursor: pointer;}
.about_culture ul li .pic img{ width: 100%;transition: all 0.6s;}
.about_culture ul li .pic img:hover{transform: scale(1.1);}
.about_culture ul li:last-child{ margin-right: 0;}
.about_culture ul li .txt{ height: 2.2rem; padding: 20px 0.3rem;  border: 1px solid #f0f0f0;}
.about_culture ul li .txt h3{ position: relative; width: 100%; height: 40px;margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-size: 20px; color: #f08300;}
.about_culture ul li .txt h3:before{position: absolute; bottom: 0; left: 0; content: ''; width: 14px; height: 3px;  background: #e8e8e8;}
.about_culture ul li .txt p{ color: #333; font-size: 14px; line-height: 26px; text-align: justify;}
/* about_quality */
.about_quality{ width: 100%; }
.about_quality .quality_pic{ margin-bottom: 0.6rem; text-align:center;}
.about_quality .quality_pic img{max-width: 100%;}
.about_quality .quality_list{ padding: 0.65rem 0; background: #f5f5f5;}
.about_quality .quality_list .swiper-slide{ background: #fff; }
.about_quality .quality_list .swiper-slide .pic{ width: 100%; overflow: hidden;}
.about_quality .quality_list .swiper-slide .pic img{ width: 96%;padding: 10px 2% 0 2%;transition: all 0.6s;}
.about_quality .quality_list .swiper-slide .pic img:hover{transform: scale(1.1);}
.about_quality .quality_list .swiper-slide .txt h3{width: 100%; height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;  line-height: 52px; color: #333; font-size: 16px;}
.about_quality .quality_list .swiper-container .swiper-button-prev,.about_quality .quality_list .swiper-container .swiper-button-next{ width: 33px; height: 85px; margin-top:-42px; background:#fff url(../images/btn_about_quality.png) no-repeat 0 0;}
.about_quality .quality_list .swiper-container .swiper-button-prev.swiper-button-disabled{ background:#fff url(../images/btn_about_quality.png) no-repeat 4px -50px; background-size: 50px auto;}
.about_quality .quality_list .swiper-container .swiper-button-next.swiper-button-disabled{ background:#fff url(../images/btn_about_quality.png) no-repeat -20px -50px;background-size: 50px auto;}
.about_quality .quality_list .swiper-container .swiper-button-prev{background:#f08300 url(../images/btn_about_quality.png) no-repeat 4px 10px;background-size: 50px auto;}
.about_quality .quality_list .swiper-container .swiper-button-next{background:#f08300 url(../images/btn_about_quality.png) no-repeat -20px 10px;background-size: 50px auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.9;}
/* about_market */
.about_market .market_pic{ margin-bottom: 0.6rem; text-align:center;}
.about_market .market_pic img{max-width: 100%;}
.about_market .market_txt{ text-align: justify; font-size: 14px; line-height: 30px; color: #333;}
.market_list{ background: #f5f5f5 url(../images/about_market_bg.png) no-repeat center top;}
.market_list .page_tt{ margin-bottom: 0.55rem;}
.market_list ul li{ float: left; width: 4.54rem; margin-bottom: 0.5rem; margin-right: 0.89rem; background: #fff; padding: 0.1rem 0.1rem 0 0.1rem;}
.market_list ul li:nth-child(3n){margin-right: 0;}
.market_list ul li .pic{width: 4.54rem; overflow: hidden;}
.market_list ul li .pic img{ width: 100%;transition: all 0.6s;}
.market_list ul li .pic img:hover{transform: scale(1.1);}
.market_list ul li h3{width: 100%; height: 60px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;  line-height: 60px; color: #333; font-size: 16px;}
/* contact */
.contact .box{ background: #f8f8f8; margin-bottom: 0.8rem;}
.contact .box .contact-txt{ width: 6.2rem; padding: 0.45rem 0.2rem 0.45rem 0.6rem;}
.contact .box .contact-txt .name{ margin-bottom: 0.55rem; line-height: 30px; color: #333; font-size: 24px;}
.contact .box .contact-txt li{ width: 100%; margin-bottom: 35px;}
.contact .box .contact-txt li .icon{ margin-right: 16px;}
.contact .box .contact-txt li .icon img{ height: 22px;}
.contact .box .contact-txt li .txt{ width: 5.6rem;}
.contact .box .contact-txt li .txt .tt{ font-weight: bold; margin-bottom: 5px; line-height: 22px; color: #333; font-size: 18px;}
.contact .box .contact-txt li .txt p{ line-height: 24px; color: #666; font-size: 16px;}
.contact .box .pic{ width: 9rem;}
.contact .box .pic img{ width: 100%;}
/* about-history */
.event_year{width:2rem;text-align:center;float:left;margin-top:10px;}
.event_year li{height:50px;line-height:50px;background:#f0f0f0;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
.event_year li label{ display: block; cursor: pointer;}
.event_year li.current{width:200px;background:#f08300 url('../images/icon_arrow_r1.png') right center no-repeat;color:#FFF; padding-right: 10px;}
.event_list{width:13.5rem;float:right;background:url(../images/icon_cl3.png) 145px 0 repeat-y;margin:10px 0 20px 0;}
.event_list h3{margin:20px 0 10px 136px;font-size:22px;color:#f08300;padding-left:45px;background:url(../images/icon_cl2.png) 0 4px no-repeat;height:38px;line-height:30px; font-family:微软雅黑;}
.event_list li{background:url(../images/icon_cl1.png) 142px 25px no-repeat;}
.event_list li span{width:127px;text-align:right;display:block;float:left;padding-top:8px; margin-top:13px; font-size:14px; color:#565656;}
.event_list li p{width:10rem; margin-left: 45px; display:inline-block;padding-left:10px;background:url(../images/icon_cl4.png) 0 22px no-repeat;line-height:25px;_float:left;}
.event_list li p span{width:11rem;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px ;background:#f0f0f0; margin-bottom:0px; font-size:14px; color:#323232;	}

@media screen and ( max-width:1440px ){
.honorPic .slick-prev{ left: -60px;}
.honorPic .slick-next{ right: -60px; }
.productPart2 .leftImg{ margin-left: -500px; }
.productPart2 .rightCon{ margin-right: -500px; }
.aboutPart1 .rightImg{ top: 2.3rem; }
}

@media screen and ( max-width:1024px ){
	.page_content .page_tt img{ width: 5.71rem;}
	.about_profile{ padding: 20px 0;}
	.about_profile .box {padding: 0 10px;}
	.about_profile .box .pic{ position: initial;margin-bottom: 10px; }
	.about_profile .box .pic img{ width: 100%; }
	.about_profile .box .txt{ width: auto; height: auto; padding: 0; margin-bottom: 10px; line-height: 30px; color: #333; text-align: justify; font-size: 16px;}
	
	.about_culture ul li .txt{height: auto;}
	.about_culture ul{ padding: 0 10px;}
	.about_culture ul li{ float: none; width: 100%; margin-right:0; margin-bottom: 15px;}
	.about_culture ul li .pic img{ width: 100%;}

	/* .about_quality .quality_list .swiper-slide{ padding: 10px 10px 0 10px;} */
	.about_quality .quality_pic{ padding: 0 10px;}
	.about_quality .quality_list{ padding: 20px 10px;}
	
	.market_list ul li .pic{ width: 100%;}
	.about_market .market_txt{padding: 0 10px;}
	/* .market_list ul{ padding: 0 10px;} */
	.market_list ul li{ width: 42%; margin:0 2% 10px 2%; padding: 2%;}
	.market_list ul li:nth-child(3n){margin:0 2% 10px 2%;}

	.contact .box{ padding: 0 0.3rem 0.3rem 0.3rem;}
	.contact .box .pic{ width: 100%; }
	.contact .box .contact-txt{ width: 100%; padding: 0.4rem 0;}
	.contact .box .contact-txt .name{ font-size: 20px;}
	.contact .box .contact-txt li .txt{ width: 90%;}
	.event_year{
		width: 100%;
		float: none;
		text-align: center;
	}
	.event_year li{
		width: 80px;
		display: inline-block;
		margin-right: 8px;
		margin-bottom: 5px;
	}
	.event_list{
		width: 100%;
	}
	.event_year li.current{
		margin-right: 0;
	}
	.event_list li p{
		width: 82%;
	}
	.event_list li p span{
		width: 96%;
		padding: 10px 2%;
	}
	.event_year li.current{ width: 80px;}
	.event_list{background:url(../images/icon_cl3.png) 15px 0 repeat-y;margin:10px 0 20px 0;}
	.event_list h3{margin-left: 8px;}
	.event_list li{background:url(../images/icon_cl1.png) 12px 23px no-repeat;}
	.event_list li p{background:url(../images/icon_cl4.png) 5px center no-repeat;}
	.event_list li span{margin-left: 5px; text-align: left;}
	.event_list li .mouth{margin-left: 28px;}

	.contact .box .contact-txt li .icon img{ height: 18px;}
	
}
 




