.banners-pc{ margin:0 40px; clear:both; font-size:0; height:430px;}
.banners-pc .mode{ padding-top:230px;}
.banners-pc .mode .br1{ margin-left:-44px; position:relative;}
.banners-pc .mode .mode1{ margin-top:-46px; text-align:center;}
.banners-pc .mode .mode1 .p1{ margin-bottom:20px; font-size:32px; color:#fff;}
.banners-pc .mode .mode1 .p2{ font-size:14px; color:rgba(255,255,255,0.6);}
.banners-pc .mode .mode1 .p2 .fa{ margin:0 10px; font-size:16px;}
.banners-mb{ display: none; clear: both; height: 430px; clear:both; font-size:0;}
.banners-mb div { height: 100%; }
.banners-mb .frame { position:relative;}
.banners-mb .frame .mode { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); text-align:center; height:auto;}
.banners-mb .frame .mode .mode1{ position:absolute; margin-top:-41px; top:50%; left:0; right:0; height:auto;}
.banners-mb .frame .mode .mode1 .p1{ margin-bottom:20px; font-size:40px; color:#fff;}
.banners-mb .frame .mode .mode1 .p2{ font-size:16px; color:rgba(255,255,255,0.6);}
.banners-mb .frame .mode .mode1 .p2 .fa{ margin:0 10px; font-size:16px;}

@media (max-width: 667px) {
.banners-mb .frame .mode .br1{ padding:0 10px;}
.banners-mb .frame .mode .mode1 .p1{ font-size:40px; top:40%;}
.banners-mb .frame .mode .mode1 .p1 span{ display:unset;}
}

@media (max-width: 800px) {
.banners-mb { font-size:0; display:inline;}
.banners-mb .frame .mode .left{ width:100%;}
.banners-mb .frame .mode .right{ display:none;}
.two{ display:block;}


.banners-pc2{ margin:0; clear:both; font-size:0; overflow:hidden;}
.banners-pc2 .frame{ padding:11px 0 !important;}
.banners-pc2 .frame .mode{}
.banners-pc2 .frame .mode .left{ float:left; width: 100%;}
.banners-pc2 .frame .mode .left .pic{ background:no-repeat center center; background-size:cover; width:100% !important; height:170px !important;}
.banners-pc2 .frame .mode .left .pic video{width:100% !important; height:auto;}
.banners-pc2 .frame .mode .right{ width:100% !important; height:480px !important; float:right; background:#fff;}
.banners-pc2 .frame .mode .right .tle{ padding:15px 30px; background:#ff5e14; overflow:hidden;}
.banners-pc2 .frame .mode .right .tle .p1{ margin-bottom:10px; font-size:24px; color:#fff; float:left;}
.banners-pc2 .frame .mode .right .tle .p2{ font-size:14px; clear:both; display:inline-block; float:left;}
.banners-pc2 .frame .mode .right .tle .p2 span{ margin-right:5px; padding:3px 10px; font-size:14px; color:#fff; display:inline-block;}
.banners-pc2 .frame .mode .right .tle .p2 .sp1{ background:#d1e0ae;}
.banners-pc2 .frame .mode .right .tle .p2 .sp2{ background:#aee0d0;}
.banners-pc2 .frame .mode .right .tle .p2 .sp3{ background:#aeb4e0;}
.banners-pc2 .frame .mode .right .tle .sta{ margin-top:-23px; font-size:24px; float:right; color:#fff;}

.banners-pc2 .frame .mode .right .mode{ padding:40px 25px;}
.banners-pc2 .frame .mode .right .mode .p3{ margin-bottom:25px; font-size:14px; color:#333333;}
.banners-pc2 .frame .mode .right .mode .p3 span{ margin:0 5px 0 3px; font-size:32px; color:#ff5e14;}
.banners-pc2 .frame .mode .right .mode .p4{ margin-bottom:25px; font-size:14px; color:#808080;}
.banners-pc2 .frame .mode .right .mode .p4 span{ color:#4c4c4c;}
.banners-pc2 .frame .mode .right .mode .ico{ height:25px; line-height:25px;}
.banners-pc2 .frame .mode .right .mode .ico .sp1{ margin-right:15px; background:#00bc0d; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-pc2 .frame .mode .right .mode .ico .sp2{ background:#dd4846; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-pc2 .frame .mode .right .mode .ico .sp1 .fa1{color:#fff; font-size:14px; vertical-align:middle; }
.banners-pc2 .frame .mode .right .mode .ico .sp2 .fa2{ color:#fff; font-size:14px; vertical-align:middle;}


}
@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }	
	.banners-mb .frame{ height:100%; overflow:hidden;}
	.banners-mb .frame .mode .left{ width:50%;}
	.banners-mb .frame .mode .left .pic{ width:100%;}	
	.banners-mb .frame .mode .right{ width:50%;}
	.banners-mb .frame .mode .right .tle{ height:auto;}
}

.banners-pc2{ margin:0; clear:both; font-size:0; overflow:hidden;}
.banners-pc2 .frame{ padding:45px 0;}
.banners-pc2 .frame .mode{}
.banners-pc2 .frame .mode .left{ float:left;}
.banners-pc2 .frame .mode .left .pic{ background:no-repeat center center; background-size:cover; width:680px; height:448px;}
.banners-pc2 .frame .mode .right{ width:600px; height:448px; float:right; background:#fff;}
.banners-pc2 .frame .mode .right .tle{ padding:15px 30px; background:#ff5e14; overflow:hidden;}
.banners-pc2 .frame .mode .right .tle .p1{ margin-bottom:10px; font-size:24px; color:#fff; float:left;}
.banners-pc2 .frame .mode .right .tle .p2{ font-size:14px; clear:both; display:inline-block; float:left;}
.banners-pc2 .frame .mode .right .tle .p2 span{ margin-right:5px; padding:3px 10px; font-size:14px; color:#fff; display:inline-block;}
.banners-pc2 .frame .mode .right .tle .p2 .sp1{ background:#d1e0ae;}
.banners-pc2 .frame .mode .right .tle .p2 .sp2{ background:#aee0d0;}
.banners-pc2 .frame .mode .right .tle .p2 .sp3{ background:#aeb4e0;}
.banners-pc2 .frame .mode .right .tle .sta{ margin-top:-23px; font-size:24px; float:right; color:#fff;}

.banners-pc2 .frame .mode .right .mode{ padding:40px 25px;}
.banners-pc2 .frame .mode .right .mode .p3{ margin-bottom:25px; font-size:14px; color:#333333;}
.banners-pc2 .frame .mode .right .mode .p3 span{ margin:0 5px 0 3px; font-size:32px; color:#ff5e14;}
.banners-pc2 .frame .mode .right .mode .p4{ margin-bottom:25px; font-size:14px; color:#808080;}
.banners-pc2 .frame .mode .right .mode .p4 span{ color:#4c4c4c;}
.banners-pc2 .frame .mode .right .mode .ico{ height:25px; line-height:25px;}
.banners-pc2 .frame .mode .right .mode .ico .sp1{ margin-right:15px; background:#00bc0d; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-pc2 .frame .mode .right .mode .ico .sp2{ background:#dd4846; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-pc2 .frame .mode .right .mode .ico .sp1 .fa1{color:#fff; font-size:14px; vertical-align:middle; }
.banners-pc2 .frame .mode .right .mode .ico .sp2 .fa2{ color:#fff; font-size:14px; vertical-align:middle;}

.banners-mb2{ display: none; clear: both; height: 540px; clear:both; font-size:0;}
.banners-mb2 div { height: 100%; }
.banners-mb2 .frame{ padding:45px 0;width:100%; height:540px;}
.banners-mb2 .frame .mode{}
.banners-mb2 .frame .mode .left{ float:left;}
.banners-mb2 .frame .mode .left .pic{ background:no-repeat center center; background-size:cover; width:680px; height:448px;}
.banners-mb2 .frame .mode .right{ width:600px; height:448px; float:right; background:#fff;}
.banners-mb2 .frame .mode .right .tle{ padding:15px 30px; background:#ff5e14; overflow:hidden;}
.banners-mb2 .frame .mode .right .tle .p1{ margin-bottom:10px; font-size:24px; color:#fff; float:left;}
.banners-mb2 .frame .mode .right .tle .p2{ font-size:14px; clear:both; display:inline-block; float:left;}
.banners-mb2 .frame .mode .right .tle .p2 span{ margin-right:5px; padding:3px 10px; font-size:14px; color:#fff; display:inline-block;}
.banners-mb2 .frame .mode .right .tle .p2 .sp1{ background:#d1e0ae;}
.banners-mb2 .frame .mode .right .tle .p2 .sp2{ background:#aee0d0;}
.banners-mb2 .frame .mode .right .tle .p2 .sp3{ background:#aeb4e0;}
.banners-mb2 .frame .mode .right .tle .sta{ margin-top:-23px; font-size:24px; float:right; color:#fff;}

.banners-mb2 .frame .mode .right .mode{ padding:40px 25px;}
.banners-mb2 .frame .mode .right .mode .p3{ margin-bottom:25px; font-size:14px; color:#333333;}
.banners-mb2 .frame .mode .right .mode .p3 span{ margin:0 5px 0 3px; font-size:32px; color:#ff5e14;}
.banners-mb2 .frame .mode .right .mode .p4{ margin-bottom:25px; font-size:14px; color:#808080;}
.banners-mb2 .frame .mode .right .mode .p4 span{ color:#4c4c4c;}
.banners-mb2 .frame .mode .right .mode .ico{ height:25px; line-height:25px;}
.banners-mb2 .frame .mode .right .mode .ico .sp1{ margin-right:15px; background:#00bc0d; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-mb2 .frame .mode .right .mode .ico .sp2{ background:#dd4846; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.banners-mb2 .frame .mode .right .mode .ico .sp1 .fa1{color:#fff; font-size:14px; vertical-align:middle; }
.banners-mb2 .frame .mode .right .mode .ico .sp2 .fa2{ color:#fff; font-size:14px; vertical-align:middle;}

/*关于我们*/
.about_a{}
.about_a .mode1{}
.about_a .mode1 .left{ margin-left:60px; float:right; width:460px; height:460px; position:relative;}
.about_a .mode1 .left .pic1{ margin-bottom:100px; background:no-repeat center center; width:180px; height:180px; background-size:cover; float:left;}
.about_a .mode1 .left .p1{ margin-bottom:100px; padding:50px 36px 0 0; width:180px; height:180px; font-size:14px; color:#4c4c4c; text-align:center; float:right;}
.about_a .mode1 .left .p1 span{ font-size:48px; color:#1a1a1a; font-weight:bold; display:block;}
.about_a .mode1 .left .p2{ padding:50px 36px 0 0; width:180px; height:180px; font-size:14px; color:#4c4c4c; text-align:center; float: left; clear:both;}
.about_a .mode1 .left .p2 span{ font-size:48px; color:#1a1a1a; font-weight:bold; display:block;}
.about_a .mode1 .left .pic2{ background:no-repeat center center; width:180px; height:180px; background-size:cover; float: right;}
.about_a .mode1 .left .p3{ margin-top:-90px; margin-left:-90px;padding:50px 0 0 0;  position:absolute; width:180px; height:180px; background:#ff5e14; top:50%; left:50%; right:0; font-size:14px; color:#fff; text-align:center; }
.about_a .mode1 .left .p3 span{ font-size:48px; color:#fff; font-weight:bold; display:block;}
.about_a .mode1 .right{font-size: 16px; line-height: 2em; color: #444;}
.about_a .mode1 .right .p1{ margin-bottom:40px; font-size:24px; color:#1a1a1a;}
.about_a .mode1 .right .p2{ font-size:14px; color:#4c4c4c; line-height:28px;}

.about_a1{}
.about_a1 .ab_bg{ margin-bottom:75px; background: url(img/ab3.jpg) no-repeat center center; background-size:cover; height:345px; overflow:hidden;}
.about_a1 .ab_bg .mode1{ padding:70px 40px 0 40px; background:rgba(19,52,102,0.9); float:left; width:400px; height:345px;}
.about_a1 .ab_bg .mode1 .p1{ margin-bottom:10px; font-size:22px; font-weight:bold; color:#fff;}
.about_a1 .ab_bg .mode1 .p2{ margin-bottom:25px; font-size:12px; color:#fff;}
.about_a1 .ab_bg .mode1 .p3{ margin-bottom:40px; font-size:14px; color:#fff; line-height:24px; opacity:0.7;}
.about_a1 .ab_bg .mode1 .btn{}
.about_a1 .ab_bg .mode1 .btn .box{ padding:15px 30px; font-size:14px; color:#fff; background:#ff5e14; display:inline-block;}
.about_a1 .buc .p1{ font-size:14px; color:#4c4c4c; line-height:26px;}
.about_a .mode1 .one{}
.about_a .mode1 .two{ display:none;}
@media (max-width: 1024px) {
.about_a .mode1 .one{ margin-left:0; float:none; height:auto; width:100%; display:inline-block;}
.about_a .mode1 .one .pic1{ width:50%; height:300px;}
.about_a .mode1 .one .p1{padding: 80px 36px 0 0; width:50%; height:300px;}
.about_a .mode1 .one .p2{padding: 80px 36px 0 0; width:50%; height:300px;}
.about_a .mode1 .one .pic2{ width:50%; height:300px;}
.about_a1 .ab_bg .mode1{ width:50%;}
}
@media (max-width: 700px) {
.about_a1 .ab_bg .mode1{ width:100%;}
}
@media (max-width: 667px) {
.about_a1 .ab_bg{ height:auto; overflow:hidden;}
.about_a1 .ab_bg .mode1{ padding:70px 40px; height:auto; overflow:hidden;}
}
@media (max-width: 667px) {
.about_a .mode1 .one{ display:none;}
.about_a .mode1 .two{ margin-bottom:40px; margin-left:0; width:100%; height:auto; display:block; position:static; float:none;}
.about_a .mode1 .two .p3{ position:static; margin:0 auto; width:100%;}
.about_a .mode1 .two .pic1{ position:relative; margin-bottom:0; width:100%; height:180px; float:none;}
.about_a .mode1 .two .pic1 .bg{ position:absolute; top:0; right:0; bottom:0; left:0;  background: rgba(19,52,102,0.9);}
.about_a .mode1 .two .pic1 .bg .p1{ margin:0 auto; padding:50px 0 0 0; width:auto; height:auto; float:none; color:#fff;}
.about_a .mode1 .two .pic1 .bg .p1 span{ color:#fff;}
.about_a .mode1 .two .pic2{ position:relative; margin-bottom:0; width:100%; height:180px; float:none;}
.about_a .mode1 .two .pic2 .bg{ position:absolute; top:0; right:0; bottom:0; left:0;  background: rgba(19,52,102,0.9);}
.about_a .mode1 .two .pic2 .bg .p2{ margin:0 auto; padding:50px 0 0 0; width:auto; height:auto; float:none; color:#fff;}
.about_a .mode1 .two .pic2 .bg .p2 span{ color:#fff;}
}
.g_page{ text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{}
.g_page ul li .box .ico{ display:inline-block;}
.g_page ul li .box .ico2{ display:none;}
.g_page ul li .box:hover .ico1{ display:none; transition: ease .3s;}
.g_page ul li .box:hover .ico2{ display: inline-block; transition: ease .3s;}
.g_page ul li .on .ico1{ display:none; transition: ease .3s;}
.g_page ul li .on .ico2{ display: inline-block; transition: ease .3s;}

/*关于我们-发展历史*/
.about_b{}
.about_b .left{}
.about_b .left .list{ position:relative; width:100%;height: 100%; display: inline-block;}
.about_b .left .list .axis{ position: absolute; left: 50%;border: solid #e0e0e0 0.5px; height: 100%; display: inline-block;}
.about_b .left .list .ico1{ margin-right: -15.5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background: #ff5e14; text-align: center; position: absolute; bottom: 0; right: 50%;}
.about_b .left .list .ico1 img{ margin-top:-4px; width:19px; vertical-align:middle;}
.about_b .left .list li{ width:100%; float:left;}
.about_b .left .list li .box{position:relative; padding:40px 0 50px 0; width:50%; float:left;}
.about_b .left .list li .box .tb{ position:absolute; top:47px; right:-6.5px; width:13px; height:13px; border-radius:13px; border:solid #e0e0e0 1px; background:#fff;}
.about_b .left .list li .box .mode{}
.about_b .left .list li .box .mode .pic{ margin-bottom:30px; margin-right:60px; background:no-repeat center center; background-size:cover; width:340px; height:220px; float:left;}
.about_b .left .list li .box .mode .date .p1{ font-size:24px; font-weight:bold; color:#1a1a1a; float:left;}
.about_b .left .list li .box .mode .date .p1 .hx{ margin-top:13px; margin-left: 10px; border:solid #e0e0e0 0.5px; width:60px;    border-bottom: solid #e0e0e0 0.5px; display: block;  float: right;}
.about_b .left .list li .box .mode .buc{ padding-right:90px; clear:both;}
.about_b .left .list li .box .mode .buc .p2{ font-size:14px; color:#4c4c4c; line-height:24px;}
.about_b .left .list li:nth-child(2n+2){float:right;}
.about_b .left .list li:nth-child(2n+2) .box { float:right;}
.about_b .left .list li:nth-child(2n+2) .box .tb{left:-6.5px;}
.about_b .left .list li:nth-child(2n+2) .box .mode .pic{ margin-right:0; margin-left:60px; float:right;}
.about_b .left .list li:nth-child(2n+2) .box .mode .date .p1{ margin-right:0; margin-left:10px; float:right;}
.about_b .left .list li:nth-child(2n+2) .box .mode .buc{ padding-right:0; padding-left:90px;}
.about_b .left .list li .box:hover .tb{ background:#ff5e14; border:#ff5e14;transition: ease .6s;}
.about_b .left .list li .box:hover .mode .date .p1{ color:#ff5e14;transition: ease .3s;}
.about_b .left .list li .on .tb{ background:#ff5e14; border:#ff5e14;}
.about_b .left .list li .on .mode .date .p1{ color:#ff5e14;transition: ease .3s;}
@media (max-width: 1024px) {
.about_b .left .list .axis{ left:0;}
.about_b .left .list li .box{padding: 40px 0 50px 50px; width:100%;}
.about_b .left .list li .box .tb{ left:-6.5px; right:0;}
.about_b .left .list li .box .mode .pic{ margin-right:0; float:none;}
.about_b .left .list li .box .tb{ background:#ff5e14; border:#ff5e14;}
.about_b .left .list li .box .mode .date .p1{ color:#ff5e14;transition: ease .3s;}
.about_b .left .list li .box .mode .buc{ padding:0;}
.about_b .left .list li:nth-child(2n+2){float: left;}
.about_b .left .list li:nth-child(2n+2) .box { float:left;}
.about_b .left .list li:nth-child(2n+2) .box .tb{ left:-6.5px;right:0;}
.about_b .left .list li:nth-child(2n+2) .box .mode .pic{ margin-right:0; margin-left:0; float: none;}
.about_b .left .list li:nth-child(2n+2) .box .mode .date .p1{ margin-right:0; margin-left:0; float:none;}
.about_b .left .list li:nth-child(2n+2) .box .mode .buc{ padding-right:0; padding-left:0;}
.about_b .left .list li .box .mode .date .p1 .hx{ margin-top:0; margin-bottom:7px; float:none; display:inline-block;}
.about_b .left .list .ico1{ bottom:-40px;}
}
@media (max-width: 667px) {
.about_b .left .list li .box .mode .pic{ width:100%;}
}
.g_page{ text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{}
.g_page ul li .box .ico{ display:inline-block;}
.g_page ul li .box .ico2{ display:none;}
.g_page ul li .box:hover .ico1{ display:none; transition: ease .3s;}
.g_page ul li .box:hover .ico2{ display: inline-block; transition: ease .3s;}
.g_page ul li .on .ico1{ display:none; transition: ease .3s;}
.g_page ul li .on .ico2{ display: inline-block; transition: ease .3s;}

/*关于我们-企业文化*/
.about_a{}
.about_a .mode1{}
.about_a .mode1 .left{ margin-left:60px; float:right; width:460px; height:460px; position:relative;}
.about_a .mode1 .left .pic1{ margin-bottom:100px; background:no-repeat center center; width:180px; height:180px; background-size:cover; float:left;}
.about_a .mode1 .left .p1{ margin-bottom:100px; padding:50px 36px 0 0; width:180px; height:180px; font-size:14px; color:#4c4c4c; text-align:center; float:right;}
.about_a .mode1 .left .p1 span{ font-size:48px; color:#1a1a1a; font-weight:bold; display:block;}
.about_a .mode1 .left .p2{ padding:50px 36px 0 0; width:180px; height:180px; font-size:14px; color:#4c4c4c; text-align:center; float: left; clear:both;}
.about_a .mode1 .left .p2 span{ font-size:48px; color:#1a1a1a; font-weight:bold; display:block;}
.about_a .mode1 .left .pic2{ background:no-repeat center center; width:180px; height:180px; background-size:cover; float: right;}
.about_a .mode1 .left .p3{ margin-top:-90px; margin-left:-90px;padding:50px 0 0 0;  position:absolute; width:180px; height:180px; background:#ff5e14; top:50%; left:50%; right:0; font-size:14px; color:#fff; text-align:center; }
.about_a .mode1 .left .p3 span{ font-size:48px; color:#fff; font-weight:bold; display:block;}
.about_a .mode1 .right{}
.about_a .mode1 .right .p1{ margin-bottom:40px; font-size:24px; color:#1a1a1a;}
.about_a .mode1 .right .p2{ font-size:14px; color:#4c4c4c; line-height:28px;}
.about_a1{}
.about_a1 .ab_bg{ margin-bottom:75px; background: url(img/ab3.jpg) no-repeat center center; background-size:cover; height:345px; overflow:hidden;}
.about_a1 .ab_bg .mode1{ padding:70px 40px 0 40px; background:rgba(19,52,102,0.9); float:left; width:400px; height:345px;}
.about_a1 .ab_bg .mode1 .p1{ margin-bottom:10px; font-size:22px; font-weight:bold; color:#fff;}
.about_a1 .ab_bg .mode1 .p2{ margin-bottom:25px; font-size:12px; color:#fff;}
.about_a1 .ab_bg .mode1 .p3{ margin-bottom:40px; font-size:14px; color:#fff; line-height:24px; opacity:0.7;}
.about_a1 .ab_bg .mode1 .btn{}
.about_a1 .ab_bg .mode1 .btn .box{ padding:15px 30px; font-size:14px; color:#fff; background:#ff5e14; display:inline-block;}
.about_a1 .buc .p1{ font-size:14px; color:#4c4c4c; line-height:26px;}
.about_a .mode1 .one{}
.about_a .mode1 .two{ display:none;}
@media (max-width: 1024px) {
.about_a .mode1 .one{ margin-left:0; float:none; height:auto; width:100%; display:inline-block;}
.about_a .mode1 .one .pic1{ width:50%; height:300px;}
.about_a .mode1 .one .p1{padding: 80px 36px 0 0; width:50%; height:300px;}
.about_a .mode1 .one .p2{padding: 80px 36px 0 0; width:50%; height:300px;}
.about_a .mode1 .one .pic2{ width:50%; height:300px;}
.about_a1 .ab_bg .mode1{ width:50%;}
}
@media (max-width: 700px) {
.about_a1 .ab_bg .mode1{ width:100%;}
}
@media (max-width: 667px) {
.about_a1 .ab_bg{ height:auto; overflow:hidden;}
.about_a1 .ab_bg .mode1{ padding:70px 40px; height:auto; overflow:hidden;}
}
@media (max-width: 667px) {
.about_a .mode1 .one{ display:none;}
.about_a .mode1 .two{ margin-bottom:40px; margin-left:0; width:100%; height:auto; display:block; position:static; float:none;}
.about_a .mode1 .two .p3{ position:static; margin:0 auto; width:100%;}
.about_a .mode1 .two .pic1{ position:relative; margin-bottom:0; width:100%; height:180px; float:none;}
.about_a .mode1 .two .pic1 .bg{ position:absolute; top:0; right:0; bottom:0; left:0;  background: rgba(19,52,102,0.9);}
.about_a .mode1 .two .pic1 .bg .p1{ margin:0 auto; padding:50px 0 0 0; width:auto; height:auto; float:none; color:#fff;}
.about_a .mode1 .two .pic1 .bg .p1 span{ color:#fff;}
.about_a .mode1 .two .pic2{ position:relative; margin-bottom:0; width:100%; height:180px; float:none;}
.about_a .mode1 .two .pic2 .bg{ position:absolute; top:0; right:0; bottom:0; left:0;  background: rgba(19,52,102,0.9);}
.about_a .mode1 .two .pic2 .bg .p2{ margin:0 auto; padding:50px 0 0 0; width:auto; height:auto; float:none; color:#fff;}
.about_a .mode1 .two .pic2 .bg .p2 span{ color:#fff;}
}
.g_page{ text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{}
.g_page ul li .box .ico{ display:inline-block;}
.g_page ul li .box .ico2{ display:none;}
.g_page ul li .box:hover .ico1{ display:none; transition: ease .3s;}
.g_page ul li .box:hover .ico2{ display: inline-block; transition: ease .3s;}
.g_page ul li .on .ico1{ display:none; transition: ease .3s;}
.g_page ul li .on .ico2{ display: inline-block; transition: ease .3s;}

/*关于我们-荣誉资质*/

.about_c{}
.about_c .left{ margin-left:-130px;}
.about_c .left .list{}
.about_c .left .list li{ margin-bottom:70px; padding-left:130px; width:33.33%; float:left;}
.about_c .left .list li .box{ display:block; height:240px;}
.about_c .left .list li .box .zs{ position:relative; top:40px; z-index:3; text-align:center; float:left;}
.about_c .left .list li .box .zs .pic{ margin-bottom:15px; background:no-repeat center center; height:150px; width:240px;background-size: cover;border: 1px solid #ddd;}
.about_c .left .list li .box .zs .p1{ font-size:14px; color:#333333;}
.about_c .left .list li .box .zs .p2{ display:none; font-size:14px; color:#333333;}
.about_c .left .list li .box .date{ position: relative; left:29.5%; z-index:2; width:240px; height:164px; border:solid #e0e0e0 3px;}
.about_c .left .list li .box .date .p2{ position:absolute; top:60px; right:20px;	 font-size:12px; color:#666666; font-weight:bold; float:right;}
.about_c .left .list li .box .date .p2 span{ margin-bottom:5px; display:block; font-size:28px; color:#333333; font-weight:500;}
@media (max-width: 1024px) {
.about_c .left{ margin-left:-10px;}
.about_c .left .list li{ margin-bottom:25px; padding-left:10px;}
.about_c .left .list li .box { height:auto; display:inline-block; width:100%;}
.about_c .left .list li .box .zs { position:static; float:none;}
.about_c .left .list li .box .zs .pic{ width:100%;}
.about_c .left .list li .box .zs .p2{ margin-top:15px; display: block;}
.about_c .left .list li .box .date{ display:none;}
}
@media (max-width: 667px) {
.about_c .left .list li{ width:50%;}
}
.g_page{ text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{}
.g_page ul li .box .ico{ display:inline-block;}
.g_page ul li .box .ico2{ display:none;}
.g_page ul li .box:hover .ico1{ display:none; transition: ease .3s;}
.g_page ul li .box:hover .ico2{ display: inline-block; transition: ease .3s;}
.g_page ul li .on .ico1{ display:none; transition: ease .3s;}
.g_page ul li .on .ico2{ display: inline-block; transition: ease .3s;}

/*楼盘项目*/

@media (max-width: 1024px) {
.top_nav .nav_a li{ margin-bottom:10px;}
.top_nav .nav_a li:nth-child(5n){ margin-bottom:0;}
}
@media (max-width: 667px) {
.top_nav .nav_a li:nth-child(3n){ margin-bottom:10px;}
.top_nav .nav_a li:nth-child(4n){ margin-bottom:10px;}
}
.project_a{}
.project_a .left{ margin-left:-30px;}
.project_a .left .list{}
.project_a .left .list li{ margin-bottom:30px; padding-left:30px; width:33.33%; float:left;}
.project_a .left .list li .box{}
.project_a .left .list li .box .pic{ margin-bottom:20px; background:no-repeat top center; background-size:cover; height:270px;}
.project_a .left .list li .box .p1{ margin-bottom:10px; font-size:18px; color:#ff5e14;}
.project_a .left .list li .box .p2{ font-size:14px; color:#4c4c4c; height:20px; line-height:20px; padding-left: 20px;text-indent:-20px;}
.project_a .left .list li .box .p2 img{ margin-top:-3px; vertical-align:middle; width:20px;}
.project_a .left .list li .box:hover .p2{ color:#ff5e14; transition: ease .3s;}
@media (max-width: 1024px) {
.project_a .left{ margin-left:-10px;}
.project_a .left .list li{ padding-left:10px;}
}
@media (max-width: 667px) {
 .project_a .left .list li{ width:50%;}
}
@media (max-width: 500px) {
 .project_a .left .list li{ width:100%;}
}
.g_page{ text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{}
.g_page ul li .box .ico{ display:inline-block;}
.g_page ul li .box .ico2{ display:none;}
.g_page ul li .box:hover .ico1{ display:none; transition: ease .3s;}
.g_page ul li .box:hover .ico2{ display: inline-block; transition: ease .3s;}
.g_page ul li .on .ico1{ display:none; transition: ease .3s;}
.g_page ul li .on .ico2{ display: inline-block; transition: ease .3s;}
.pr_det .mode1{ margin-bottom:40px;}
.pr_det .mode1 .p1{ margin-bottom:25px; font-size:24px; color:#1a1a1a;}
.pr_det .mode1 .p1 span{ margin-bottom:-4px; margin-right:10px; border:solid #ff5e14 2px; display: inline-block; height:24px;}
.pr_det .mode1 txt{ font-size:14px; color:#4c4c4c; line-height:24px;}
.pr_det .mode2{}
.pr_det .mode2{ margin-bottom:40px;}
.pr_det .mode2 .p1{ margin-bottom:25px;font-size:24px; color:#1a1a1a;}
.pr_det .mode2 .p1 span{ margin-bottom:-4px; margin-right:10px; border:solid #ff5e14 2px; display: inline-block; height:24px;}
.pr_det .mode2 .left {}
.pr_det .mode2 .left .list{}
.pr_det .mode2 .left .list li{ padding:0 12px; float:left; width:33.33%;}
.pr_det .mode2 .left .list li .box{}
.pr_det .mode2 .left .list li .box .pic{ background:no-repeat center center; background-size:cover; height:270px;}
.pr_det .mode2 .left .slick-prev{ left:-30px;}
.pr_det .mode2 .left .slick-next{ right:-30px;}
.two { display:none;}
.two .tle{ padding:15px 30px; background:#ff5e14; overflow:hidden;}
.two .tle .p1{ margin-bottom:10px; font-size:24px; color:#fff; float:left;}
.two .tle .p2{ font-size:14px; clear:both; display:inline-block; float:left;}
.two .tle .p2 span{ margin-right:5px; padding:3px 10px; font-size:14px; color:#fff; display:inline-block;}
.two .tle .p2 .sp1{ background:#d1e0ae;}
.two .tle .p2 .sp2{ background:#aee0d0;}
.two .tle .p2 .sp3{ background:#aeb4e0;}
.two .tle .sta{ margin-top:-23px; font-size:24px; float:right; color:#fff;}
.two .mode{ padding:40px 25px;}
.two .mode .p3{ margin-bottom:25px; font-size:14px; color:#333333;}
.two .mode .p3 span{ margin:0 5px 0 3px; font-size:32px; color:#ff5e14;}
.two .mode .p4{ margin-bottom:25px; font-size:14px; color:#808080;}
.two .mode .p4 span{ color:#4c4c4c;}
.two .mode .ico{ height:25px; line-height:25px;}
.two .mode .ico .sp1{ margin-right:15px; background:#00bc0d; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.two .mode .ico .sp2{ background:#dd4846; width:25px; height:25px; border-radius:25px;text-align:center; display: inline-block; }
.two .mode .ico .sp1 .fa1{color:#fff; font-size:14px; vertical-align:middle; }
.two .mode .ico .sp2 .fa2{ color:#fff; font-size:14px; vertical-align:middle;}
.pr_det .one{}
.pr_det .two{ display:none;}
@media (max-width: 1024px) {
	.pr_det .one{ display:none;}
	.pr_det .two{ display:block;}
	.pr_det .two .left .list li{ margin-bottom:10px; padding-left:10px; padding-right:0;}
	.pr_det .two .left .list li:nth-child(4n){ margin-bottom:0;}
	.pr_det .two .left .list li:nth-child(5n){ margin-bottom:0;}
	.pr_det .two .left .list li:nth-child(6n){ margin-bottom:0;}
	.pr_det .two .left { margin-left:-10px;}
}	
@media (max-width: 667px) {
.pr_det .two .left .list li{ width:50%;}
.pr_det .two .left .list li:nth-child(4n){ margin-bottom:10px;}
}
@media (max-width: 750px) {
.pr_det .two .left .list li{ width:50%;}
.pr_det .two .left .list li:nth-child(4n){ margin-bottom:10px;}
.pr_det .two .left .list li:nth-child(5n){ margin-bottom:10px;}
}
@media (max-width: 500px) {
.pr_det .two .left .list li{ width:100%;}
.pr_det .two .left .list li:nth-child(4n){ margin-bottom:10px;}
.pr_det .two .left .list li:nth-child(5n){ margin-bottom:10px;}
}
/*新闻中心*/
@media (max-width: 1024px) {
.top_nav .nav_a li{ width:33.33%;}
}
@media (max-width: 667px) {
.top_nav .nav_a li{ width:50%;}
}
.news_a{}
.news_a .left{ margin-left:-40px;}
.news_a .left .list{ display:inline-block;}
.news_a .left .list li{ margin-bottom:40px; padding-left:40px; width:33.33%; float:left;}
.news_a .left .list li .box{ padding:8px 8px 15px 8px; border:solid #e0e0e0 1px; display:block;}
.news_a .left .list li .box .pic{ margin-bottom:15px; background:no-repeat center center; background-size:cover; height:240px;}
.news_a .left .list li .box .buc{}
.news_a .left .list li .box .buc .date{ font-size:14px; color:#808080; font-weight:bold;}
.news_a .left .list li .box .buc .date span{ font-size:32px; color:#1a1a1a; font-weight:bold;}
.news_a .left .list li .box .buc .p1{ margin:15px 0; font-size:18px; color:#1a1a1a; height:1.5em; line-height:24px; overflow:hidden;}
.news_a .left .list li .box .buc .p2{ font-size:14px; color:#808080; height:3em; overflow:hidden; line-height:24px;}
.news_a .left .list li .box:hover .buc .p1{ color: #ff5e14;transition: ease .3s}
@media (max-width: 1024px) {
.news_a .left { margin-left:-10px;}
.news_a .left .list li{ padding-left:10px;}
.news_a .left .list li .box .buc .p1{ color: #ff5e14;transition: ease .3s}
}
@media (max-width: 800px) {
.news_a .left .list li{ width:50%;}	
}
@media (max-width: 667px) {
.news_a .left .list li{ width:100%;}
.news_a .left .list li .box .pic{ height:360px;}	
}
.g_page{ margin-top:40px; text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li a{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333; display:inline-block;}
.g_page ul li .prev{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333;}
.g_page ul li .next{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333;}
.g_page ul li a:hover{ background:#ff5e14; color:#fff; border:solid #ff5e14 1px; transition: ease .3s;}
.g_page ul li .on{ background:#ff5e14; border:solid #ff5e14 1px; color:#fff; transition: ease .3s;}
@media (max-width: 1024px) {
.top_nav .nav_a li{ width:33.33%;}
}
@media (max-width: 667px) {
.top_nav .nav_a li{ width:50%;}
}
.newsdetails{}
.newsdetails .mode .tel{ margin-bottom:40px; text-align: center;}
.newsdetails .mode .tel .p1{ margin-bottom:15px; font-size:24px; color:#1a1a1a;}
.newsdetails .mode .tel .p2{ font-size:12px; color:#808080;}
.newsdetails .mode .tel .p2 span{ margin:0 10px;}
.newsdetails .mode .g_content{ margin-bottom:100px;}
.page{ margin-top:40px;}
.page ul{ float:left;}
.page ul li{ margin-bottom:20px; overflow:hidden;}
.page ul li:nth-child(2n){ margin-bottom:0;}
.page ul li .prev{ font-size:14px; color:#1a1a1a; float:left;}
.page ul li .next{ font-size:14px; color:#1a1a1a; float:left; clear:both; display:block;}
.page .ret{ margin-top:9px; padding:10px 25px; border:solid #e0e0e0 1px; float:right;}
.page .ret:hover{ border:solid #ff5e14 1px; background:#ff5e14; color:#fff;}
.page a:hover span{ color:#ff5e14; transition: ease .3s;}
@media (max-width: 500px) {
.page ul{ float:none;}
.page ul li {padding:10px 25px; border:solid #e0e0e0 1px; width:100%;}
.page ul li:nth-child(2n){ margin-bottom:20px;}
.page ul li a{ height: 1.5em; overflow: hidden; line-height: 24px;}
.page ul li .prev{ width:100%; float:none; display: inline-block;}
.page ul li .next{ width:100%; float:none; display: inline-block;}
.page .ret{ margin-top:0; float:none; display: inline-block; text-align:center; width:100%; border:solid #ff5e14 1px; background:#ff5e14; color:#fff;}
}

/*人才招聘*/
.recruit{}
.recruit .recruit_a{ margin-bottom:50px; display:inline-block;}
.recruit .recruit_a .pic{ background:no-repeat center center; background-size:cover; width:720px; height:380px; float:left;}
.recruit .recruit_a .buc{ padding-top:30px; float:right; width:560px;background:#ff5e14;padding-bottom: 20px;min-height: 380px;}
.recruit .recruit_a .buc .p1{ margin-bottom:35px; padding:15px 45px; background:#124290; font-size:24px; color:#fff; display:inline-block;}
.recruit .recruit_a .buc txt{display: block; padding:0 40px; font-size:14px; color:rgba(255,255,255,0.5); line-height:26px;}
.recruit .left{ margin-left:-25px;}
.recruit .left .list{}
.recruit .left .list li{ padding-left:25px; width:33.33%; float:left;}
.recruit .left .list li .box{ padding:20px; border:solid #e0e0e0 1px; display:block;}
.recruit .left .list li .box .date{ margin-bottom:20px; font-size:14px; font-weight:bold; color:#808080;}
.recruit .left .list li .box .date span{ font-size:32px; color:#1a1a1a;}
.recruit .left .list li .box .p1{ margin-bottom:20px; font-size:18px; color:#1a1a1a;}
.recruit .left .list li .box .p1 span{ font-size:14px;}
.recruit .left .list li .box .p2{ margin-bottom:25px; font-size:14px; color:#808080; line-height:24px; height:3.5em; overflow:hidden;}
.recruit .left .list li .box .btn{ padding:10px 20px; background:#d1d1d1; color:#fff; display:inline-block;}
.recruit .left .list li .box:hover .btn{ background:#ff5e14;transition: ease .3s;}
.recruit .slick-prev{ left:-20px; width:30px; height:50px; opacity:0.5;}
.recruit .slick-next{ right:-45px; width:30px; height:50px; opacity:0.5;}
.recruit .one{}
.recruit .two{ display:none;}
@media (max-width: 1024px) {
.recruit .recruit_a .pic{ width:50%;}
.recruit .recruit_a .buc{ width:50%;}
.recruit .one{ display:none;}
.recruit .two{ margin-left:-10px; display:inline-block;}
.recruit .two .list li{ margin-bottom:10px; padding-left:10px;}
.recruit .two .list li:nth-child(4n){ margin-bottom:0;}
.recruit .two .list li:nth-child(5n){ margin-bottom:0;}
.recruit .two .list li:nth-child(6n){ margin-bottom:0;}
.recruit .two .list li .box .btn{ background:#ff5e14;transition: ease .3s;}
}
@media (max-width: 800px) {
.recruit .recruit_a .pic{ width:100%; float:none;}
.recruit .recruit_a .buc{ padding:30px 0; height:auto; width:100%; float:none;}	
.recruit .two .list li{ width:50%;}
.recruit .two .list li:nth-child(4n){ margin-bottom:10px;}
}
@media (max-width: 667px) {
.recruit .two .list li{ width:100%;}	
.recruit .two .list li:nth-child(5n){ margin-bottom:10px;}
}
.g_page{ margin-top:40px; text-align:center;}
.g_page ul{}
.g_page ul li{ margin:0 10px; display:inline-block;}
.g_page ul li .box{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333; display:inline-block;}
.g_page ul li .prev{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333;}
.g_page ul li .next{ padding:8px 12px; border:solid #d9d9d9 1px; font-size:14px; color:#333333;}
.g_page ul li a:hover{ background:#ff5e14; color:#fff; border:solid #ff5e14 1px; transition: ease .3s;}
.g_page ul li .on{ background:#ff5e14; border:solid #ff5e14 1px; color:#fff; transition: ease .3s;}

/*联系我们*/

.contact{}
.contact .left{ margin-top:-80px; margin-bottom:40px;  padding:60px 0; position:relative;overflow:hidden; background:#fff;  box-shadow: 0px 15px 40px -2px rgba(0,0,0,0.1);}
.contact .left .list{}
.contact .left .list li{ width:33.33%; float:left;text-align: center;}
.contact .left .list li .box{text-align:center; display:inline-block;}
.contact .left .list li .box .ico{ height:50px; line-height:50px;}
.contact .left .list li .box .ico img{ width:30px; vertical-align:middle;}
.contact .left .list li .box .p1{ margin-bottom:15px; font-size:15px; font-weight:bold; color:#1a1a1a;}
.contact .left .list li .box .p2{ font-size:14px; color:#808080; line-height:24px;}
.contact .map{box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.contact .map .map_ct1{}
.contact .map .map_ct2{ display:none;}
.contact .map .map_ct2 img{ max-width:100%;}
@media (max-width: 1024px) {
.contact .left{ margin-top:40px; padding:0;box-shadow: none;}
.contact .left .list li{}
.contact .left .list li .box{ padding:0 10px; text-align:center; display:block;}
.contact .map{box-shadow: none;}
.contact .map .map_ct1{ display:none;}
.contact .map .map_ct2{ display:block;}
}
@media (max-width: 667px) {
.contact .left .list li{ margin-bottom:20px; width:100%;}
.contact .left .list li .box{ text-align:start;}
.contact .left .list li .box .ico{ margin-right:10px; float:left; height:auto; line-height:inherit;}
.contact .left .list li .box .p1{ margin:5px 10px 0 0; float:left;}
.contact .left .list li .box .p2{ padding-top:3px;}
}