@charset "utf-8";
/****************************about******************************/
.about_tit { width: 100%; text-align: center; position: relative; overflow: hidden;  }
.about_tit h3 { position: absolute; width: 100%; font-weight: bold; font-size: 3.2rem; color: #373d41; top: 40%; left: 0; }
.AboutBox { width: 100%; overflow: hidden; padding: 6rem 0 0 0; }

/*about_achieve*/
.about_achieve .about_info { width: 60%; margin: 0 auto; padding: 3rem 0; overflow: hidden; font-size: 1.4rem; color: #666; text-align: center; line-height: 2rem; }
.about_achieve ul { overflow: hidden; }
.about_achieve ul li { text-align: center; overflow: hidden; }
.about_achieve ul li h3 { font-size: 5.5rem; color: #ff7800; }.about_achieve ul li h3 b { font-weight: normal;  }
.about_achieve ul li p { font-size: 1.6rem; color: #666; padding: 0.8rem 0 0 0; }

/*about_intro*/
.about_intro .about_tit { padding: 0 0 4% 0; }
.about_intro .about_intro_img { overflow: hidden; }
.about_intro .about_intro_con { overflow: hidden; padding: 1rem 0 0 7%; font-size: 1.5rem; color: #666; line-height: 3rem; text-indent: 2em;}
.about_intro .about_intro_con p b { color: #ff7800; }

/*about_history*/
.about_history { background: url(../images/about/historybg.jpg) no-repeat center center/cover; margin: 5% 0 0 0; }
.about_history .about_tit h3 { color: #fff; }

.about_history ul { background: url(../images/about/history_line.png) no-repeat center center/contain; overflow: hidden; margin: 5rem 0 7rem 0;  }
.about_history ul li { float: left; width: 14%; /*overflow: hidden;*/ color: #fff; text-align: center; position: relative; height: 13.2rem; }
.about_history ul li .circle { width: 2rem; height: 2rem; background: #fff; border-radius: 50%; margin: 0 auto 3rem auto; }
.about_history ul li h3 { width: 100%; height: 3.5rem; line-height: 2rem; font-size: 1.8rem; padding: 0 0 1.5rem 0; }
.about_history ul li p { border: 1px solid rgba(255,255,255,0.4); font-size: 1.3rem; line-height: 1.8rem; height: 4.6rem; padding:0.5rem 5%; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.about_history ul li:nth-child(odd)  {  margin: 11.3rem 0 0 0; }
.about_history ul li:nth-child(even) .circle { position: absolute; bottom: 0; left: 50%; margin:0 0 0 -1rem; }
.about_history ul li:nth-child(even) h3 { position: absolute; bottom: 5rem; padding: 1.5rem 0 0 0; }
.about_history ul li:nth-child(even) p { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.about_history ul li:nth-child(odd) p { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

/*about_adv*/
.about_adv { background: #f5f5f5; padding:5rem 0;  }
.about_adv ul { overflow: hidden; padding: 3rem 0 0 0; }
.about_adv ul li {cursor: auto; float: left; width: 18.4%; margin: 0 2% 0 0; padding: 4rem 0; background: #fff; text-align: center; overflow: hidden; }
.about_adv ul li:last-child { margin: 0; }
.about_adv ul li img { display: block; width: 30%; margin: 0 auto; padding: 3rem 0; }
.about_adv ul li h3 { font-size: 1.8rem; color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.about_adv ul li p { font-size: 1.4rem; color: #666; line-height: 2rem; height: 8rem; padding: 0 8%;display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.about_adv ul li div { position: relative; overflow: hidden; }
.about_adv ul li .hide { position: absolute; top: -100%; left: 35%; display: block !important; transition: all 0.5s  }
.about_adv ul li:hover { background: #ff7800; cursor: pointer; }
.about_adv ul li:hover h3,.about_adv ul li:hover p { color: #fff; }
.about_adv ul li:hover .hide { top: 0; }

/*about_honor*/
.about_advantage { padding: 3.5rem 0 0 0; overflow: hidden; }
.about_advantage_list { float: left; width: 49%; margin: 0 2% 0 0; }
.about_advantage_list:last-child { margin: 0; }
.about_advantage_list a { display: block; border:1px solid #eee; padding: 4%; overflow: hidden; }
.about_advantage_list .about_advantage_img figure { width:100%; height:15rem; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;}
.about_advantage_list .about_advantage_img figure { max-width:100%; max-height:100%; display:block; margin:0 auto;}

.about_advantage_list .about_advantage_con { padding: 0 0 0 3%; }
.about_advantage_list .about_advantage_con h4 { font-size: 1.8rem; color: #666; padding: 2.5rem 0 1.5rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.about_advantage_list .about_advantage_con p { font-size: 1.3rem; color: #888; line-height: 1.8rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.about_advantage_list a:hover { box-shadow:0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);transform:translate3d(0,-3px,0); transition:all .2s}
.about_advantage_list a:hover .about_advantage_con h4  { color: #ed7e15;}

.about_rzjg { overflow: hidden; padding: 3rem 0 0 0; }
.about_rzjg h2 { width: 45%; margin: 0 auto; position: relative; text-align: center; }
.about_rzjg h2 span { position: relative; z-index: 2; padding: 0 1.5rem; background: #fff; font-size: 1.4rem; color: #999; }
.about_rzjg h2:after { content: ''; position: absolute; width: 100%; height: 1px; overflow: hidden; background-color: #e5e5e5; top: 50%; left: 0;}
.about_rzjg ul { overflow: hidden; text-align: center; }
.about_rzjg ul li { display: inline-block; text-align: center; overflow: hidden; padding: 1rem 1rem 0 1rem; }
.about_rzjg ul li img { max-width:100%; height:3.2rem; display:block; margin:0 auto;
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%);transition:all 0.35s;}
.about_rzjg ul li a { display: block; overflow:hidden; }
.about_rzjg ul li a:hover img {-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
 -o-filter: grayscale(0%); 
filter: grayscale(0%);}

/*about_contact*/
.about_contact ul li { overflow: hidden; margin: 4rem 0 0 0;}
.about_contact ul li .about_contact_border { width: 96%; margin: 0 auto;  padding:15% 0; border: 1px solid #ededed; overflow: hidden; }
.about_contact_left {}
.about_contact_left i { display: block; margin: 0 auto; width: 5rem; line-height: 5rem; border-radius: 50%; background: #f4f4f4; text-align: center; font-size: 2.8rem; color: #ff9b2f; }
.about_contact_right { padding: 0 8% 0 0; }
.about_contact_right h3 { font-weight: bold; font-size: 1.6rem; color: #333; padding: 0 0 1rem 0; }
.about_contact_right p { font-size: 1.4rem; color: #999; line-height: 2rem; }.about_contact_right p a { color: #999; }

/*map*/
.map { width: 100%; height: 30rem; background: url(../images/about/map.jpg) no-repeat center center/cover; margin: 6rem 0 0 0; }


@media (min-width: 992px) and (max-width:1199px) {

}
@media (min-width: 768px) and (max-width: 992px) {
	.about_contact ul li:last-child { margin: 2rem 0 0 0; }
	.about_contact ul li .about_contact_border { padding: 10% 0; }
	.about_contact ul li:last-child .about_contact_border { padding: 5% 0; }
}
@media (min-width: 768px) and (max-width: 812px) {
	.AboutBox { padding: 4rem 0 0 0; }
	.about_tit img { width: 8rem; }
	.about_tit h3 { top: 35%; }
	.about_achieve .about_info { width: 90%; }

	.about_adv { padding: 4rem 0; }
}
@media (min-width: 300px) and (max-width: 768px) {
	.AboutBox { padding: 4rem 0 0 0; }
	.about_tit img { width: 8rem; }
	.about_tit h3 { top: 35%; }
	.about_achieve .about_info { width: 90%; }
	.about_achieve ul li h3 { font-size: 4.5rem; }

	.about_intro .about_intro_img { display: none; }
	.about_intro .about_intro_con { padding: 1rem 0 0 0; }

	.about_history ul { background: url(../images/about/history_line2.png) no-repeat center center/contain; margin: 4% 0; padding: 5% 0 0 0; }

	.about_history ul li { width: 45%; height: 11rem; }

	.about_history ul li:nth-child(odd) { margin: 0; }
	.about_history ul li:nth-child(even) { margin: 3rem 0 0 0; float: right; }

	.about_history ul li .circle { position: absolute; top: 0.5rem; right: -13.5%; width: 1rem; height: 1rem;}
	.about_history ul li h3 { position: absolute; top: 0; width: 100%; text-align: right; }
	.about_history ul li p { position: absolute; top: 3rem; width: 100%; }

	.about_history ul li:nth-child(even) .circle { left: -8.7%;}
	.about_history ul li:nth-child(even) h3 { text-align: left; padding: 0; }

	.about_adv { padding: 4rem 0; }
	.about_adv ul li p { -webkit-line-clamp:3; height: 6rem; }

	.about_adv ul li { padding: 2rem 0; width: 30%; margin: 0 1.5% 3% 1.5%; }
	.about_adv ul li:last-child { margin: 0 1.5% 3% 1.5%; }
	.about_adv ul li img { padding: 1.5rem 0; width: 45%; }

	.about_advantage_list .about_advantage_img figure { height: 8rem; }
	.about_advantage_list .about_advantage_con h4 { padding: 0.5rem 0 1rem 0; }
	.about_advantage_list .about_advantage_con p { -webkit-line-clamp:3; }
	.about_rzjg ul li img { height: 2.5rem; }

	.about_contact ul li:last-child { margin: 2rem 0 0 0; }
	.about_contact ul li .about_contact_border { padding: 10% 0; }
	.about_contact ul li:last-child .about_contact_border { padding: 5% 0; }

	.map { height: 15rem; }
}

@media (min-width: 700px) and (max-width: 768px) {

}
@media (min-width: 300px) and (max-width: 568px) {
	.about_advantage_list { width: 100%; margin: 0 0 2% 0; }
	.about_rzjg h2 { width: 100%; }
	.about_contact ul li .about_contact_border { padding: 5% 0; }

	.about_contact ul li { margin: 2rem 0 0 0; }
}