.aboutus_title > h3 { text-align: center;font-size: 30px;color: #333;font-weight: normal; }

.about_box { padding: 50px 0; }
.about_con { padding: 30px;background: #FFF; }
.about_img { float:left; }
.about_rong { float:right;width: 53%; }
.about_rong > h3 { color: #4c4c4c;font-size: 24px; }
.about_rong > h3 > i { display: inline-block;width: 40px;height: 1px;background: #4c4c4c;vertical-align: middle;margin: 0 5px; }
.about_rong > h3 > span { color: #4c4c4c;font-size: 18px;font-weight: normal; }
.about_rong > span { color: #999;font-size: 12px; }
.about_rong > div { color: #4c4c4c;font-size: 14px;line-height: 24px;margin-top: 10px; }
.about_rong > div > p { text-indent: 2em; }
.clear { clear: both; }

.qiyewenhua_box { padding: 50px 0; }
.qiyewenhua_con { margin-top: 50px;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-o-flex-wrap: wrap; }
.qiyewenhua_con > div { width: 32%;border: 1px solid #e5e5e5;border-radius: 4px;cursor: pointer;position: relative;margin-bottom: 20px; }
.qiyewenhua_con > div > div { background-image: url("images/qy1.png");padding: 20px 20px 50px 100px;background-repeat: no-repeat;background-position: 20px center;position: relative;z-index: 1; }
.qiyewenhua_con > div:nth-child(1)  > div{ background-image: url("images/about/qy1.png"); }
.qiyewenhua_con > div:nth-child(2) > div{ background-image: url("images/about/qy2.png"); }
.qiyewenhua_con > div:nth-child(3) > div { background-image: url("images/about/qy3.png"); }
.qiyewenhua_con > div:nth-child(4) > div { background-image: url("images/about/qy4.png"); }
.qiyewenhua_con > div:nth-child(5) > div { background-image: url("images/about/qy5.png"); }
.qiyewenhua_con > div:nth-child(6) > div { background-image: url("images/about/qy6.png"); }
.qiyewenhua_con > div h3 { font-weight: normal;color: #333;font-size: 24px;margin-bottom: 5px; }
.qiyewenhua_con > div p { color: #4c4c4c;font-size: 14px; }
.qiyewenhua_con > div a { color: #4c4c4c;font-size: 14px;position:absolute;right: 20px;bottom: 20px; }
.qiyewenhua_con > div:nth-child(1):hover > div { background-image: url("images/about/qy11.png"); }
.qiyewenhua_con > div:nth-child(2):hover > div { background-image: url("images/about/qy22.png"); }
.qiyewenhua_con > div:nth-child(3):hover > div { background-image: url("images/about/qy33.png"); }
.qiyewenhua_con > div:nth-child(4):hover > div { background-image: url("images/about/qy44.png"); }
.qiyewenhua_con > div:nth-child(5):hover > div { background-image: url("images/about/qy55.png"); }
.qiyewenhua_con > div:nth-child(6):hover > div { background-image: url("images/about/qy66.png"); }
.qiyewenhua_con > div:hover h3 { color: #fff; }
.qiyewenhua_con > div:hover p { color: #fff; }
.qiyewenhua_con > div:hover a { color: #fff; }
.qiyewenhua_con > div a:hover { text-decoration: underline; }
.qiyewenhua_con > div:before { content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #ceab1b;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.qiyewenhua_con > div:hover:before { -webkit-transform: scaleX(1);transform: scaleX(1); }

.qywh_zhe { width: 100%;height: 100%;position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index: 1000;display: none; }
.qywh_outer { width:500px;position: absolute;top: 50%;left: 50%;margin-left: -250px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);background: #FFF;padding: 0 30px 20px;display: none; }
.qywh_outer h3 { line-height: 50px;border-bottom: 1px solid #ceab1b;font-weight: normal;font-size: 26px;color: #ceab1b; }
.qywh_outer h4 { font-size: 18px;color: #333;line-height: 20px;padding: 19px 0 13px; }
.qywh_outer p {font-size: 14px;color: #666;line-height: 26px;}
.qywh_outer span { display: block;width: 50px;height: 50px;position: absolute;right: -51px;top: 0;background: #fff;font-size: 60px;text-align: center;line-height: 44px;color: #999;cursor: pointer; }
.qywh_outer span:hover { background: rgba(255,255,255,.8) }

.tuandui_box { background: url("images/about/anlibg.png") no-repeat;background-size: 100% 100%;padding: 50px 0; }
.tuandui_box .aboutus_title > h3 { color: #fff; }
.tuandui_box .aboutus_title > p { color: #fff;text-align: center;margin-top: 10px; }
.tuandui_con { margin-top: 50px;margin-bottom: 30px;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;justify-content: space-around;-webkit-justify-content: space-around; }
.tuandui_con > .td_left { width: 75%; }
.tuandui_con > .td_right { width: 24%;margin-left: 10px; }
.tuandui_con > .td_right img { width: 100%;height: 100%; }
.td_left > div { display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex; }
.td_left > .td_left_sh { margin-bottom: 10px; }
.td_left_sh > div { overflow: hidden;height: 220px; }
.td_left_sh > div:nth-child(1) { width: 66%;margin-right: 10px; }
.td_left_sh > div:nth-child(2) { width: 33%; }
.td_left_sh > div img { width: 100%;height: 100%; }
.td_left_xia > div { overflow: hidden;height: 200px; }
.td_left_xia > div{ width: 33%;margin-right: 10px; }
.td_left_xia > div:last-child { margin-right: 0; }
.td_left_xia > div img { width: 100%;height: 100%; }
.tuandui_con img { transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s; }
.tuandui_con img:hover { transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1); }
.td_right { overflow: hidden; }
.tuandui_sm { float: left;width: 300px;padding-left: 12px; }
.tuandui_sm > h3 { font-weight: normal;color: #333;font-size: 20px;margin-bottom: 10px; }
.tuandui_sm > p { color: #4c4c4c;font-size: 14px;line-height: 24px; }
.tuandui_sj { float: right;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;text-align: center; }
.tuandui_sj > div { margin-left: 80px; }
.tuandui_sj h3 { display:inline-block;font-size: 80px;color: #ceab1b;position: relative; }
.tuandui_sj p { color: #4c4c4c;font-size: 14px;line-height: 24px; }
.tuandui_sj h3 > span { position: absolute;right: -5px;top: 5px; }
.tuandui_sj h3 > span > i { display: inline-block;width: 2px;height: 26px;background: #999;position: absolute; }
.tuandui_sj h3 > span > i:last-child { transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);left: 0; }
.mb_tdimg { display: none; }

.contact_box { padding: 50px 0; }
.contact_con { margin-top: 50px;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex; }
.contact_con > div { width: 50%; }
.contact_list { padding-left: 50px; }
.contact_list > h4 { font-size: 22px;color: #333;font-weight: normal;line-height: 40px; }
.contact_list > h3 { font-size: 22px;color: #333;font-weight: normal; }
.contact_dz { display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;margin: 20px 0 50px; }
.contact_dz > li { width: 20%;text-align: center;font-size: 14px;line-height: 28px;border-radius: 13px;color: #666;cursor: pointer; }
.contact_dz > li.active { color: #fff;background: #ceab1b; }
.contact_fs { padding-bottom: 20px;border-bottom: 1px solid #e5e5e5; }
.contact_fs p { margin-top: 10px;padding-left: 25px;background-repeat: no-repeat;background-position: left center;color: #666; }
.contact_fs > div > p:nth-child(1) { background-image: url("images/about/lx1.png"); }
.contact_fs > div > p:nth-child(2) { background-image: url("images/about/lx2.png"); }
.contact_fs > div > p:nth-child(3) { background-image: url("images/about/lx3.png"); }
.liuyan { margin-top: 15px; }
.liuyan > h3 { color: #049fdf;font-size: 16px;margin-bottom: 10px; }
.liuyan textarea { width: 100%;height: 70px;border: 1px solid #ddd;padding: 5px;resize:none;  }
.liuyan input[type=submit] { width: 68px;height: 28px;background: #049fdf;color: #fff;border: 1px solid #049fdf;text-align: center;line-height: 26px;margin-top: 10px; }

@media (max-width: 1220px){
	.about_img { width: 100%;text-align: center; }
	.about_rong { width: 100%;margin-top: 30px; }
}
@media (max-width: 991px){
	.qiyewenhua_con > div { width: 49%; }
	.tuandui_con > .td_right { display: none; }
	.tuandui_con > .td_left { width: 100%; }
	.tuandui_sj h3 { font-size: 60px; }
	.tuandui_sj > div { margin-left: 50px; }
	.tuandui_sm { width: 230px; }
	.tuandui_sj h3 > span { top: 0; }
	.contact_con { display: block; }
	.contact_con > div { width: 100%; }
	.contact_list { padding-left: 0;margin-top: 20px; }

	.tuandui_con > div { width: 24%; }
	.tuandui_con > div > img{ width: 100%; }
	
}
@media (max-width: 768px){
	.pc_tdimg { display: none; }
	.mb_tdimg { display: block; }
	.td_left > div { flex-wrap: wrap;-webkit-flex-wrap: wrap; }
	.td_left_xia > div { width: 49%;margin-bottom: 10px; }
	.td_left_xia > div:nth-child(2) { margin-right: 0; }
	.td_left_sh > div:nth-child(1) { width: 100%; }
	.tuandui_sm { width: 100%; }
	.tuandui_sj { float: left;margin-top: 30px; }
	.tuandui_sj > div { margin-left: 0;margin-right: 50px; }

}
@media (max-width: 639px){
	.qiyewenhua_con > div { width: 100%; }
	.about_img img { width: 100%; }
	.qywh_outer { width: 90%;margin-left: 0;left: 5%; }
	.qywh_outer span { right: 16px; }

	.tuandui_con { flex-wrap: wrap;-webkit-flex-wrap: wrap; }
	.tuandui_con > div { width: 48%;margin-bottom: 20px; }

}
@media (max-width: 479px){
	.tuandui_sj h3 { font-size: 36px; }
	.tuandui_sj h3 > span > i { height: 16px; }
	.tuandui_sj > div { width: 33.333%;padding: 0 15px;margin-right: 0; }
	.td_left_xia > div { margin-right: 5px; }
	.about_con { margin-top: 30px;padding: 30px 15px; }
	.tuandui_con { margin-top: 30px; }
	.qiyewenhua_con { margin-top: 30px; }
	.aboutus_title > h3 { font-size: 26px; }
	.about_box { padding: 30px 0; }
	.qiyewenhua_box { padding: 30px 0; }
	.tuandui_box { padding: 30px 0; }
	.contact_box { padding: 30px 0; }
	.contact_list > h3 { font-size: 20px; }
	.contact_list > h4 { font-size: 20px; }
	.contact_dz { margin: 20px 0 30px; }
	.qywh_outer p { font-size: 12px; }
	.qywh_outer h4 { font-size: 16px; }
	.qywh_outer h3 { font-size: 24px; }
	.qywh_outer span { font-size: 45px;height: 48px; }

	.about_rong > h3 > span { display: none; }
	.about_rong > h3 > i { display: none; }
}
@media (max-width: 400px){
	.contact_dz > li { font-size: 12px; }

}