@charset "utf-8";/*fp-seed:6tvqaviu38pt responsive-s5uq7p*/

.container { max-width: 92.33333%; width: 100%; margin: 0 auto; padding: 0 10px}
a,img { vertical-align: top}
.relative { width: 100%; height: 100%; position: relative}
.mainMore { display: inline-block; font-size: 14px;color:#fff; padding:10px 40px; line-height: 20px; border:1px solid #fff; border-radius: 40px; transition: all 0.5s}
.mainMore span { display: inline-block; width: 13px; height: 20px; vertical-align: top; background: url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png) no-repeat right center}
.mainMoreE span { width: 24px; height: 20px; background: url(../images/b54d37ce_b188ea8a0596e43d5d2b9778aad531b3e4a68951.png) no-repeat left center}
.mainMore:hover { background: #8fc31f; border-color:#8fc31f; color:#fff}
.mainMoreC { background: #8fc31f; border-color:#8fc31f; color:#fff}
.mainMoreD { border-color:#8fc31f; color:#8fc31f}
.mainMoreB { color: #8fc31f; border-color:#8fc31f}
.mainMoreB span,.mainMoreD span { background-image: url(../images/b06c8180_d12382ebda0992179fba251f06ddf1560d8e3a1e.png)}
.mainMoreB:hover span,.mainMoreD:hover span { background-image: url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png)}

@media(max-width: 1480px){
	.mainMore  { padding: 8px 30px}
	.container { max-width: 90%}
}

@media(max-width: 1380px){
	.container { max-width: 84%}
}

@media(max-width: 1024px){
	.container { max-width: 94%}
}
/**mobile nav**/
.nav_box {width: 50%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -50%;overflow: auto;z-index: 99999999;background: rgba(50, 58, 67, .93);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06)}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%)}
.nav_box .nav-title .navclose img {width: 100%}
.nav_box .nav-title h1,.nav_box .nav-title h2{text-align: left;width: 68px;margin-left: 15px;line-height: 0;padding-top: 11px}
.nav_box .nav-title h1 img,.nav_box .nav-title h2 img{width: 100%}
.nav_box .navlist {width: 100%;padding-bottom: 20px}
.nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative}
.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 8px;height: 14px}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px}

/* 分页 */
.page{ text-align: center}
.pagex { margin-top:60px}
.page a{ display: inline-block; margin:  0 6px; width: 50px; line-height: 50px; border:1px solid #e2e2e2; border-radius: 50%; color: #999999; font-size: 18px; font-family: arial}
.page a:hover,
.page a.active_page{background:#8fc31f; border-color: #8fc31f;color: #fff}

@media(max-width: 600px){
	.pagex { margin-top:30px}
	.page a{ font-size: 16px; margin:  0 3px; width: 40px; line-height: 40px}
}
@media(max-width: 400px){
	.page a{ font-size: 15px; margin:  0 3px; width: 32px; line-height: 32px}
}


/*头部导航*/
.topHeader { position: fixed; z-index: 1000; width: 100%; top:0; left:0; background: #fff}
.topHeaderA { padding: 0 60px}
.topHeaderA .logo {float: left;width: 210px;padding: 12px 0 10px}
.topHeaderA .menu { display: none; position: absolute; width: 50px; height: 50px; right:3%; margin-right:-5px; top:0; background: url(../images/600991f7_c7c72fe143bcac5c4a959979a90ae361e06d2bf7.png) no-repeat center; background-size: 80px auto}
.navL { float: left; margin-left:4.6%}
.navL ul li { float: left; position: relative; margin-right:45px; line-height: 74px}
.navL ul li:last-child { margin-right:0}
.navL ul li>a { display: block; font-size: 16px;color:#333333;position: relative}
.navL ul li>a:after { content:''; width: 0; height: 2px; background: #b4d76a; position: absolute; left:0; bottom:2px; transition: all 0.5s}
.navL ul li.cur>a:after,.navL ul li:hover>a:after { width: 100%}
.navL ul li.cur>a,.navL ul li:hover>a { color:#abcd04}
.navL ul li.sub>a { padding-right:13px;background: url(../images/a75b2f23_4037bb1d285ef38b2a9dc475d597a8779a5c5cbd.png) no-repeat right center}
.navL ul li .subNav { padding: 20px 0; display: none; position: absolute; left:0; top:73px; background: #fff; width: 160px; left:50%; margin-left:-80px; text-align: center}
.navL ul li .subNav dl dd { line-height: 2.5}
.navL ul li .subNav dl {margin-bottom: 0px}
.navL ul li .subNav dl dd a { display: block; font-size: 16px; color:#666; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; padding: 0 10%}
.navL ul li .subNav dl dd:hover a { background: #abcd04; color:#fff}
.navL ul li:hover .subNav { display: block}
.navR { float: right}
.navR ul li { float: left; margin-left:45px; line-height: 74px}
.navR ul li:first-child { margin-left:0}
.navR ul li a { display: block; padding-left:22px; font-size: 16px;color:#666666}
.navR ul li:nth-child(1) a { background: url(../images/b7aa7649_3048c1dcf8b9bd03af221bd56a70fe80c7fae128.png) no-repeat left center}
.navR ul li:nth-child(2) a { background: url(../images/fe0725cb_6506a32546e52936244b4c5508324cfcb204d033.png) no-repeat left center}
.navR ul li:nth-child(3) a { background: url(../images/f2c0d576_d61d7a546b6fd39bcb472003861222ba3dac426e.png) no-repeat left center}
.navR ul li:hover:nth-child(1) a,.navR ul li.cur:nth-child(1) a { background: url(../images/4a589a60_69542ba0fb3adce5b3f75138fe84a74b39e82e02.png) no-repeat left center; color:#b4d76a}
.navR ul li:hover:nth-child(2) a,.navR ul li.cur:nth-child(2) a { background: url(../images/ae3bbd6d_b7a9bb19671ea8e7f2fb46ba3b81d7d1516b0316.png) no-repeat left center; color:#b4d76a}
.navR ul li:hover:nth-child(3) a,.navR ul li.cur:nth-child(3) a { background: url(../images/7bcfced7_7d11ea78433f2e433eebea5a53d9495005b7e996.png) no-repeat left center; color:#b4d76a}



.topHeaderA .right_2{
	margin-top: 24px;
	margin-left: 20px;
	/*width: 3.6%;*/
	font-size: 15px;
	color: #666666;
	position: relative;
	float: right}

.topHeaderA .right_2 .box{
	position: relative;
	line-height: 1;
	/* padding-right: 18px; */
	padding-bottom: 10px}

.topHeaderA .right_2 .box a { margin-left:2px; display: inline-block; font-size: 14px; color:#666; padding:5px 12px; border-top-left-radius: 5px; border-bottom-right-radius: 5px}
.topHeaderA .right_2 .box a.cur,.topHeaderA .right_2 .box a:hover { background: #333; color:#fff}
/* .topHeaderA .right_2 .box:before{
	position: absolute;
	width: 10px;
	height: 5px;
	right: 0;
	top: 5px;
	content: ""} */

.topHeaderA .right_2 .box .xiala{
	position: absolute;
	width: 100%;
	background: #ededed;
	left: 0;
	top: 100%;
	display: none;
	border-radius: 8px}

.topHeaderA .right_2 .box .xiala a{
	font-size: 14px;
	padding: 7px;
	margin: 0 10px;
	color: #666;
	display: block}

.lan { text-align: left; padding-left: 15px}
.lan a { display: inline-block; font-size: 16px; color:#fff; margin: 10px 10px 0 0; line-height: 2}


.topHeaderA .right_2 .box:hover .xiala{display: block}
@media(max-width: 1480px){
	.topHeaderA .right_2{ margin-top:20px}
}
@media(max-width: 1280px){
	.topHeaderA .right_2{ margin-top:15px}/*@build uv1n65moo0hk*/
}
@media(max-width: 1024px){
	.topHeaderA .right_2{ margin-right: 50px; display: none}
}


.bannerB { width: 100%; position: absolute; left:0%; overflow: hidden; top:52%; transform: translateY(-50%)}
.bannerB .t { font-size: 54px; color:#fff;line-height: 1}
.bannerB .t2 { font-size: 40px; color:#fff;line-height: 1; margin: 25px 0 12px}
.bannerB .con { font-size: 14px; text-transform: uppercase; color:#fff;line-height: 1.5; margin-bottom:45px}
.swiper-container-banner .swiper-button-prev,.swiper-container-banner .swiper-button-next { border-radius: 50%; border:1px solid #fff;width: 36px;height: 36px; top:auto;left:auto;right:auto;bottom:0.5rem}
/* .swiper-container-banner .swiper-button-prev { left:0.6rem}
.swiper-container-banner .swiper-button-next { left:1.2rem} */
.swiper-button-next:after, .swiper-button-prev:after { display: none}
.banner .swiper-pagination { bottom:60px; right:8.3333%; text-align: right; left:auto}
.banner .swiper-container .swiper-pagination-bullet { position: relative; width: 50px; height: 3px; border-radius: 0; background: rgba(255,255,255,0.5); opacity: 1}
.banner .swiper-container .swiper-pagination-bullet i { display: inline-block; height: 3px;position: absolute;left: 0; top:0; background: #fff}
.banner .swiper-container .swiper-pagination-bullet i {
	-webkit-animation: wit 5.4s infinite;
	animation: wit 5.4s infinite;
	box-sizing: border-box}
@-webkit-keyframes wit {
	0% { width: 0}
	10% { width: 10%}
	20% { width: 20%}
	30% { width: 30%}
	40% { width: 40%}
	50% { width: 50%}
	60% { width: 60%}
	70% { width: 70%}
	80% { width: 80%}
	90% { width: 90%}
	100% { width: 100%}
}
@keyframes wit {
	0% { width: 0}
	10% { width: 10%}
	20% { width: 20%}
	30% { width: 30%}
	40% { width: 40%}
	50% { width: 50%}
	60% { width: 60%}
	70% { width: 70%}
	80% { width: 80%}
	90% { width: 90%}
	100% { width: 100%}
}

.bannerL { width: 60px; height: 100%; position: absolute; left:0; top:0; background: #fff; z-index: 8;padding-top:74px}
.bannerL ul { border-top:1px solid #dedede}
.bannerL ul li { cursor: pointer; width: 60px; border-bottom:1px solid #dedede; position: relative}
.bannerL ul li .icon { width: 60px; height: 60px}

.bannerL ul li:nth-child(1) .icon { background: url(../images/850ed469_73a72eee8e6e76f11c98813de941ffef47128290.png) no-repeat center}
.bannerL ul li:nth-child(2) .icon { background: url(../images/89bb1771_19af2cb558e9f3d975422111bd716eb946f87a0a.png) no-repeat center}
.bannerL ul li:nth-child(3) .icon { background: url(../images/7a8489e9_c5769deadf9e6e081c5cfa0574c45d6a5e203473.png) no-repeat center}
.bannerL ul li:nth-child(4) .icon { background: url(../images/9732b160_0f660db22c6ef9212c8f5d0b7c239da1e1919c7f.png) no-repeat center}
.bannerL ul li:hover { border-color: #1f2c5c}
.bannerL ul li:nth-child(1):hover .icon,.bannerL ul li:nth-child(2).cur .icon { background: url(../images/8c8c8f3c_59811f2d870b7cd05bb733cd702a1d792c320017.png) no-repeat center #1f2c5c}
.bannerL ul li:nth-child(2):hover .icon,.bannerL ul li:nth-child(2).cur .icon { background: url(../images/b7d25f9e_6914b1ad5b93a5b5d23fcd5bb90e2377a375fb8c.png) no-repeat center #1f2c5c}
.bannerL ul li:nth-child(3):hover .icon,.bannerL ul li:nth-child(3).cur .icon { background: url(../images/8de37caa_58843f94124f1e4e9732c39261c1e2fea0fe47ac.png) no-repeat center #1f2c5c}
.bannerL ul li:nth-child(4):hover .icon,.bannerL ul li:nth-child(5).cur .icon { background: url(../images/8246e1bd_ff02c75726648bcbc5cd0732d85aba3125928e53.png) no-repeat center #1f2c5c}


.bannerLB { display: none; padding-left:30px; position: absolute;left:60px; top:0; width: 240px; background: rgba(31,44,92,0.54)}
.bannerL ul li:hover .bannerLB,.bannerL ul li.cur .bannerLB { display: block}
.bannerLB dl dd { line-height: 60px}
.bannerLB dl dd a { position: relative; display: block; font-size: 14px;color:rgba(255,255,255,0.6); border-bottom:1px solid rgba(255,255,255,0.1)}


.bannerLB dl dd a:after { content:''; width: 6px; height: 11px;  position: absolute; top:50%; transform: translateY(-50%); right:18px; opacity: 0.5}
.bannerLB dl dd:hover a { color:#8fc31f}
.bannerLB dl dd:hover a:after {  opacity: 1}

.bannerLB dl {
  margin-top: 0;
  margin-bottom:0px}


.bannerLB_xx dl dd a:after { content:''; width: 6px; height: 11px; background:url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png) no-repeat center; position: absolute; top:50%; transform: translateY(-50%); right:18px; opacity: 0.5}
.bannerLB_xx dl dd:hover a { color:#8fc31f}
.bannerLB_xx dl dd:hover a:after { background:url(../images/b06c8180_d12382ebda0992179fba251f06ddf1560d8e3a1e.png) no-repeat center; opacity: 1}









.bannerLC { width: 60px; position: absolute; left:0; bottom:10px; text-align: center; padding-bottom:38px; background: url(../images/8b66ab87_6f32278f7f116e1c6a92091368759ee857e7a273.png) no-repeat bottom center}
.bannerLC p { font-size: 12px;color:#888888; line-height: 1}
.bannerLA ul li:last-child .bannerLB { background: #fff}









.bannerLB .Search {
	float: left;
	width: 180;
	padding: 12px 0}
.bannerLB .Search .t{
	float: left;
	width: 160px;
	border: none;
	border-bottom:1px solid #9a948e;
	background: none;
	height: 36px;
	line-height: 36px;
	color: #333;
	font-size: 14px}
.bannerLB .Search .btn{
	margin-top: 12px;
	float: right;
	width: 15px;
	height: 15px; */
	border: none}


.bannerLB .Search .t,
.bannerLB .Search .t {
	border-color:#939393;
	color: #fff;outline: none}
.bannerLB .Search .t::-webkit-input-placeholder,
.bannerLB .Search .t::-webkit-input-placeholder {
	color: #939393}
.bannerLB .Search .btn,
.bannerLB .Search .btn {outline:none;border:none;
	background:url(../images/7f87ef6b_ab0a40f0850800c78ad32ca2339f54c1061aa23f.png) no-repeat center top}







@media(max-width: 1680px){
	.bannerB .t { font-size: 48px}
	.bannerB .t2 { font-size: 32px; margin: 25px 0 12px}
	.bannerB .con { margin-bottom:40px}
	.navL ul li { margin-right:40px}
	.navR ul li { margin-left:40px}
}
@media(max-width: 1480px){
	.bannerB .t { font-size: 40px}
	.bannerB .t2 { font-size: 26px; margin: 20px 0 10px}
	.bannerB .con { margin-bottom:30px}
	.navL ul li { margin-right:35px}
	.navR ul li { margin-left:35px}
	.topHeaderA .logo { padding: 15px 0 20px}
	.navL ul li,.navR ul li { line-height: 62px}
	.navL ul li .subNav  { top:60px}
	.bannerL { padding-top:62px}
	.bannerB .container { padding-left:5%}
}
@media(max-width: 1280px){
	.bannerB .t { font-size: 32px}
	.bannerB .t2 { font-size: 20px}
	.bannerB .con { margin-bottom:20px}
	.navL ul li { margin-right:30px}
	.navR ul li { margin-left:30px}
	.topHeaderA .logo { padding: 10px 0 15px}
	.navL ul li,.navR ul li { line-height: 52px}
	.navL ul li .subNav  { top:50px}
	.bannerL { padding-top:52px}
}
@media(max-width: 1180px){
	.navL ul li { margin-right:20px}
	.navR ul li { margin-left:20px}
}
@media(max-width: 1080px){
	.topHeaderA { padding: 0 3%}
	.navL ul li { margin-right:15px}
	.navR ul li { margin-left:15px}
}
@media(max-width: 1024px){
	.bannerL { display: none}
	.bannerB .t { font-size: 28px}
	.bannerB .t2 { font-size: 20px}
	.bannerB .con { margin-bottom:20px}
	.navL,.navR { display: none}
	.topHeaderA .menu { display: block}
	.bannerB .container { padding-left:0}
}
.banner .swiper-container .swiper-pagination-bullet { }
.bannerC { position: absolute; left:170px; bottom:0.5rem;line-height: 36px; font-size: 14px; color:#fff; z-index: 15}
.bannerD {width: 20px; position: absolute; right:170px; bottom:0.5rem;height: 105px; z-index: 10; border-right:1px solid rgba(255,255,255,0.4)}
.bannerD-a {width: 100%;height: 100%}
.bannerD-a:after { content:'';width: 3px;height: 30px;background: #fff; position: absolute; right:-2px; top:0}
.bannerD-a:after {
	-webkit-animation: godown 3s infinite;
	animation: godown 3s infinite;
	box-sizing: border-box}
@-webkit-keyframes godown {
	0% {-webkit-transform: translate(0, 0);opacity: 1}
	50% {opacity: 1}
	100% {-webkit-transform: translate(0, 80px);opacity: 1}
}
@keyframes godown {
	0% {transform: translate(0, 0);opacity: 1}
	50% {opacity: 1}
	100% {transform: translate(0, 80px);opacity: 1}
}
.pagetop:hover .pagetop-a:after {
	animation:pagetopLine 1s linear infinite;
	box-sizing: border-box}
@-webkit-keyframes hei {
	0% {height:50px}
	100% {height:0px}
}
@keyframes hei {
	0% {height:50px}
	100% {height:0px}
}

@keyframes pagetopLine{0%,100%{top:-24;height:16px}10%,60%{top:-40px;height:32px}80%{top:-40px;height:0}90%{top:-8px;height:0}}

/*}@keyframes pagetopLine{0%,100%{top:0;height:16px}10%,60%{top:-16px;height:32px}80%{top:-16px;height:0}90%{top:16px;height:0}}*/


/*首页内容部分*/
.mainTit {  }
.alignC { text-align: center}
.mainTit .et { font-size: 30px; color:#b8b9b9; margin: 18px 0; text-transform: uppercase; font-family: "arial";line-height:33px}
.mainTit .t { font-size: 44px; color:#111111}
.mainTit .c { font-size: 16px; color:#555555}
.colorWhite .t,.colorWhite .c { color:#fff}
@media(max-width: 1680px){
	.mainTit .et { font-size: 24px}
	.mainTit .t { font-size: 38px}
}
@media(max-width: 1480px){
	.mainTit .et { font-size: 20px}
	.mainTit .t { font-size: 32px}
}
@media(max-width: 1280px){
	.mainTit .et { font-size: 18px}
	.mainTit .t { font-size: 26px}
}
@media(max-width: 1024px){
	.mainTit .et { font-size: 16px}
	.mainTit .t { font-size: 20px}
	.mainMore { padding: 6px 20px}
}
@media(max-width: 400px){
	.mainTit .c { font-size: 14px}
	.mainTit .et { font-size: 14px}
}


.homeBoxA { padding: 70px 0 64px}
.homeBoxA-a { overflow: hidden; position: relative; padding: 0 0 40px; /*background: url(../images/6a840342_68d884fa4d04da69bab72d66cef33750e6cc22c4.png) no-repeat 54px 134px;*/ }
.homeBoxA-a:before,.homeBoxA-a:after { content:''; width: 100%; height: 2px; background: #dedede; position: absolute; top:100px}
.homeBoxA-a:before {right: calc(95.66666% + 40px)}
.homeBoxA-a:after {left: calc(1.33333% + 348px)}
.homeBoxA-a .mainTit { height: 128px; float: left}
.homeBoxA-b { float: right; position: relative;z-index: 1}
.homeBoxA-b ul li { cursor: pointer; height: 128px; float: left;background: #fff; text-align: center; margin-left:85px; padding: 16px 10px 0}
.homeBoxA-b ul li .icon .pic2 { display: none}
.homeBoxA-b ul li .t { font-size:16px;color:#666666; margin-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.homeBoxA-b ul li.cur .icon .pic1,.homeBoxA-b ul li:hover .icon .pic1 { display: none}
.homeBoxA-b ul li.cur .icon .pic2,.homeBoxA-b ul li:hover .icon .pic2 { display: inline-block}
.homeBoxA-b ul li.cur .t,.homeBoxA-b ul li:hover .t { color:#8fc31f}
.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(../images/15fcc61d_b05dea11471b34373494117f6c47c5242d3ea3e2.png) no-repeat center 40px #fff}








@media(max-width: 1920px){
	.homeBoxA-b ul li { margin-left:50px}
}
@media(max-width: 1880px){
	.homeBoxA-b ul li { margin-left:49px}
}
@media(max-width: 1780px){
	.homeBoxA-b ul li { margin-left:40px}
	.homeBoxA { padding:100px 0 55px}
}
@media(max-width: 1680px){
	.homeBoxA-a { padding-bottom:115px}
	
	.homeBoxA-a:before,.homeBoxA-a:after { top:85px}
	.homeBoxA-a:after { left:calc(8.33333% + 306px)}
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 106px}
	.homeBoxA-b ul li {margin-left:35px; padding-top:6px}
	.homeBoxA-b ul li .icon img { height: 46px}
	.homeBoxA-b ul li .t { font-size: 16px}
	.homeBoxA { padding:80px 0 45px}
}
@media(max-width: 1480px){
	.homeBoxA-a { padding-bottom:30px}
	.homeBoxA-a {  background-size: auto 100px}
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 88px}
	.homeBoxA-b ul li {margin-left:35px; padding-top:0}
	.homeBoxA-b ul li .icon img { height: 46px}
	.homeBoxA-b ul li .t { margin-top:11px; font-size: 14px}
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(../images/15fcc61d_b05dea11471b34373494117f6c47c5242d3ea3e2.png) no-repeat center 20px #fff}
	.homeBoxA-a:before,.homeBoxA-a:after { top:102px}
	.homeBoxA-a:before { right: calc(95% + 20px)}
	.homeBoxA-a:after { left:calc(5% + 244px)}
	.homeBoxA { padding:60px 0 40px}
}


@media(max-width: 1370px){
	.homeBoxA-b ul li {margin-left: 18px;padding-top:0}
}

@media(max-width: 1370px){
	.homeBoxA-b ul li {margin-left: 10px;padding-top:0}
}





@media(max-width: 1280px){
	.homeBoxA-a { padding-bottom:65px}
	.homeBoxA-a { background-size: auto 70px}
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 77px}
	.homeBoxA-b ul li {margin-left:10px; padding-top:0}
	.homeBoxA-b ul li .icon img { height: 42px}
	.homeBoxA-b ul li .t { margin-top:10px; font-size: 16px}
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(../images/15fcc61d_b05dea11471b34373494117f6c47c5242d3ea3e2.png) no-repeat center 20px #fff}
	.homeBoxA-a:before,.homeBoxA-a:after { top:63px}
	.homeBoxA-a:before { right: calc(95% + 20px)}
	.homeBoxA-a:after { left:calc(5% + 202px)}
	.homeBoxA { padding:40px 0 30px}
}
@media(max-width: 1180px){
	.homeBoxA-b ul li {margin-left:30px}
}
@media(max-width: 1080px){
	.homeBoxA-b ul li {margin-left:25px}
}
@media(max-width: 1024px){
	.home_ff{padding: 0 30px}
	.homeBoxA-b { width: 100%; margin-top:40px}
	.homeBoxA-b ul li {margin:0 25px 0 0; background: none;margin-bottom: 10px}
	.homeBoxA-b ul li:last-child { margin-right:0}
	.homeBoxA-a { background-size: auto 70px; padding-bottom:30px}
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(../images/15fcc61d_b05dea11471b34373494117f6c47c5242d3ea3e2.png) no-repeat center 20px}
}
@media(max-width: 750px){
	.homeBoxA-b ul li { width: 33.33%; margin-right:0; text-align: center}
	.homeBoxA-b ul li:nth-child(n+4) { margin-top:10px}
	
}
@media(max-width: 400px){
	.homeBoxA-b ul li .t { font-size: 14px; height:30px;overflow:hidden;line-height:30px}
}

.homeBoxA-d { position: relative; padding-left:0px; width: 100%}
.homeBoxA-e { background: #18559a; width: 52.1%; max-width: 1000px; padding:70px 8.3333% 80px 4%; position: absolute; top:-75px; right:0}
.homeBoxA-g { float: left; width: calc(100% - 160px)}
.homeBoxA-f .more { padding-top:10px; float: right}
.homeBoxA-g .t { font-size: 40px;color:#fff}
.homeBoxA-g .c { font-size: 14px;color:#fff; margin-top:20px}
.homeBoxA-h { margin-top:60px}
.homeBoxA-h ul li { float: left; width: 32%; margin-right:2%; padding:16px 20px; border-radius: 6px; border:1px solid rgba(255,255,255,0.5)}
.homeBoxA-h ul li:last-child { margin-right:0}
.homeBoxA-h ul li .t { font-size: 16px;color:#ffffff; line-height: 1.8; height: 58px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.homeBoxA-h ul li .more { height: 20px; width: 10px; background: url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png) no-repeat left center}
.homeBoxA-h ul li:hover { background: #8fc31f; border-color:#8fc31f}

@media(max-width: 1680px){
	.homeBoxA-e { padding: 50px 8.333% 60px 3%; width: 60%; top:-50px}
	.homeBoxA-g .t { font-size: 32px}
	.homeBoxA-g .c { margin-top:10px}
	.homeBoxA-h { margin-top:50px}
}
@media(max-width: 1480px){
	.homeBoxA-e { padding: 30px 5.5% 40px 2%; width: 55%; top:-40px}
	.homeBoxA-g .t { font-size: 28px}
	.homeBoxA-g .c { margin-top:10px}
	.homeBoxA-h { margin-top:40px}
}
@media(max-width: 1280px){
	.homeBoxA-e { padding: 20px 5.5% 30px 2%; width: 60%; top:-40px}
	.homeBoxA-g .t { font-size: 24px}
	.homeBoxA-g .c { margin-top:5px}
	.homeBoxA-h { margin-top:30px}
	.homeBoxA-h ul li { padding:10px 12px}
}
@media(max-width: 1024px){
	.homeBoxA-d { padding-left:0; margin-top:-20px}
	.homeBoxA-e { width: 100%; max-width: 2000px; padding: 20px 3%; position: relative; top:0}
	.homeBoxA-g .t { font-size: 20px}
	.homeBoxA-g .c { margin-top:5px}
	.homeBoxA-h { margin-top:20px}
	.homeBoxA-h ul li { padding:10px 12px}
}
@media(max-width: 1024px){
	.homeBoxA-h ul li { width: 100%; margin: 0 0 10px 0}
	.homeBoxA-h ul li .t { height: auto}
	.homeBoxA-g,.homeBoxA-f .more { width: 100%}
	.homeBoxA-f .more { margin: 10px 0 20px}
}

.homeBoxB { padding:110px 0; background: url(../images/15e082ee_2ceb726f62ad691a6e124b95231edf3f26963063.jpg) no-repeat center/cover}
.homeBoxB-a .mainTit .c { max-width: 970px; margin:25px auto 35px; line-height: 2}
.homeBoxB-a .more { text-align: center}
.homeBoxB-a .more a.mainMore { color:#8fc31f; border-color:#8fc31f}
.homeBoxB-a .more a.mainMore:hover { color:#fff}
.homeBoxB-a .more a.mainMore span { background-image: url(../images/b06c8180_d12382ebda0992179fba251f06ddf1560d8e3a1e.png)}
.homeBoxB-a .more a.mainMore:hover span { background-image: url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png)}


.homeBoxB-b { padding:75px 60px 95px}
.homeBoxB-b ul li { position: relative; float: left; width: calc(25% - 7px); margin-right:9px}
.homeBoxB-b ul li:last-child { margin-right:0}


.homeBoxB-b ul li .con { position: absolute; width: 100%; text-align: center; bottom:20px}
.homeBoxB-b ul li .con .t,.homeBoxB-b ul li .con .c { font-size: 22px; color:#fff; line-height: 1.6}
.homeBoxB-c { width: 100%; max-width: 1000px; margin: 0 auto}
/*.homeBoxB-c ul li { position: relative; margin-right:77px; float: left; text-align: center; padding-top:56px; width: 192px; height: 192px; border-radius: 100px; border:1px solid #dedede}*/
.homeBoxB-c ul li { position: relative; margin-right:77px; float: left; text-align: center;  width: 192px; height: 192px; border-radius: 100px}
.homeBoxB-c ul li .t { font-size: 32px;color:#666666; line-height: 1; margin: 12px 0 10px}
.homeBoxB-c ul li .c { font-size: 16px;color:#666666; line-height: 1; margin:15px 0 16px}
/*.homeBoxB-c ul li:after { content:''; width: 10px; height: 10px; border-radius: 50%; background: #8fc31f; position: absolute; right:9px; top:40px}*/

.homeBoxB-c ul li:last-child { margin-right:0}
.homeBoxB-c ul li .icon { display: block; height: 8px; background: url(../images/c9ded877_55124e74c8caad3cf28617870ab170e3f70c0294.png) no-repeat center}


.homeBoxA-bcc{width: 69%;margin-top: 2.4vw}
.tabTit li{width:12%!important;margin-right: 0px!important;margin-left: 0px!important;margin:0 10px!important}


.flex_aa{display: flex;
    flex-wrap: wrap;
    justify-content: space-between}
.case_11{width: 49.9%}
.case_11 li{width: 100%;position: relative}
.case_11 li .b1img1{width: 100%}
.case_11 li .b1img1 img{width: 100%}
.case_11 li h4{color:#fff;font-size: 24px;text-align: center;position: absolute;width: 100%;transform: translateY(-50%);top:50%;z-index: 99999}
.case_11 li:hover h4{display: none}
.case_11 li::after{position: absolute;content: "";background: rgba(0, 0, 0, .6);width: 100%;height:100%;top:0px;left: 0px;display: none}
.case_11 li:hover::after{display: none}


.home_ff{padding: 0 64px}

.case_22{width: 49%}
.case_22 li{width: 49%;position: relative;margin-bottom: 19px}
.case_22 li .b1img1{width: 100%}
.case_22 li .b1img1 img{width: 100%}
.case_22 li h4{color:#fff;font-size: 18px;font-weight: 600;
text-align: center;position: absolute;width: 100%;transform: translateY(-50%);top:50%;z-index: 99999;display: none}
.case_22 li:hover h4{display: block}
.case_22 li::after{position: absolute;content: "";background: rgba(0, 146, 216, .4);width: 90%;height:90%;top:5%;left: 5%;display: none}
.case_22 li:hover::after{display: block}
.case_22 li::before{position: absolute;content: "";width: 80%;height:80%;top:10%;left: 10%;border: 1px solid #fff;display: none}
.case_22 li:hover::before{display: block}



@media(max-width: 1680px){
	.homeBoxB { padding:80px 0}
	.homeBoxB-a .mainTit .c { margin: 20px auto 30px}
	.homeBoxB-b ul li .con { bottom:15px}
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 12px}
	.homeBoxB-b { padding:55px 60px 75px}
	.home_ff{padding: 0 60px}
}
@media(max-width: 1480px){
	.homeBoxA-bcc{width: 80%}
	.homeBoxB { padding:60px 0}
	.homeBoxB-a .mainTit .c { margin: 10px auto 20px}
	.homeBoxB-b ul li .con { bottom:15px}
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 18px}
	.homeBoxB-b { padding:45px 60px 55px}
	.case_22 li{width: 49%;position: relative;margin-bottom: 15px}
}
@media(max-width: 1280px){
	.homeBoxB { padding:40px 0}
	.homeBoxB-a .mainTit .c { margin: 5px auto 10px}
	.homeBoxB-b ul li { width: 49%; margin: 0 0 2% 0}
	.homeBoxB-b ul li:nth-child(2n) { float: right}
	.homeBoxB-b ul li .con { bottom:15px}
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 18px}
	.homeBoxB-b { padding:30px 60px 40px}
	.case_22 li{width: 49%;position: relative;margin-bottom: 11px}
}
@media(max-width: 1024px){
	.homeBoxB { padding:30px 0 40px}
	.homeBoxB-a .mainTit .c { margin: 5px auto 10px; width: 94%}
	.homeBoxB-b { padding: 20px 3%}
	.home_ff{padding: 0 3%}
	.homeBoxB-b ul li { width: 49%; margin: 0 0 2% 0}
	.homeBoxB-c { width: 100%; padding: 0 3%}
	.homeBoxB-c { text-align: center}
	.homeBoxB-c ul { display: inline-block}
	.homeBoxB-c ul li { margin-right:0}
	.case_22{width: 100%;margin-top: 20px}
	.case_11{width: 100%}
	.tabTit li{margin:0!important;width:11%!important}
}
@media(max-width: 850px){
	.homeBoxB { padding:30px 0 30px}
	.homeBoxB-c { padding-left: calc(47.5% - 194px);padding-right: calc(47.5% - 194px)}
	.homeBoxB-c ul li { float: left; margin-right:5%}
	.homeBoxB-c ul li:nth-child(2n) { margin-right:0; float: right}
	.homeBoxB-c ul li:nth-child(n+3) { margin-top:20px}
	.homeBoxA-bcc{width: 100%;margin-top:20px}
	.homeBoxA-b ul li, .homeBoxA-a .mainTit{height: auto}
	.tabTit li{width: 44%!important;margin-right: 0px!important;margin-left: 0px!important;margin:0 10px!important;margin-bottom: 15px!important}


}
@media(max-width: 640px){
	.homeBoxB { padding:30px 0 30px}
	/*.homeBoxB-b ul li { width: 100%; margin: 0 0 15px 0}*/
	.homeBoxB-b ul li .con { bottom:10px}
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 15px}
	.homeBoxB-b { padding: 20px 3% 10px}
	.home_ff{padding: 0 3%}
}
@media(max-width: 450px){
	.homeBoxB-c ul li { width: 160px; height: 190px}
	.homeBoxB-c ul li:after { display: none}
	.homeBoxB-c ul li .t { font-size: 24px}
	.homeBoxB-c ul li .c { font-size: 14px}
	.homeBoxB-c { padding-left: calc(47.5% - 160px);padding-right: calc(47.5% - 160px)}

	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 13px}
}
@media(max-width: 380px){
	.homeBoxB-c ul li { width: 140px}
	.homeBoxB-c ul li .t { font-size: 24px}
	.homeBoxB-c ul li .c { font-size: 12px}
	.homeBoxB-c { padding-left: calc(45% - 140px);padding-right: calc(45% - 140px)}
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 12px}
}
@media(max-width: 350px){
	.homeBoxB-c { padding-left: calc(47% - 140px);padding-right: calc(47% - 140px)}
}

.homeBoxC { padding:0px 0 110px; margin-top: 60px}
.homeBoxC-c { margin-top:50px}
.homeBoxC-d {float: left;width: calc(33% - 8px);margin-right:12px;height: 35.6vw}
.homeBoxC-e .con { color:#fff; position: absolute; width: 100%; left:0; bottom:5%; padding:0 5% 0}
.homeBoxC-e .con .tit { font-size: 16px}
.homeBoxC-e .img { position: relative}
/*.homeBoxC-e .img:after { content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left:0; top:0}*/
.homeBoxC-e .con .t { font-size: 24px; margin:10px 0; line-height:33px;height:99px;overflow:hidden}
.homeBoxC-e .con .d { font-size: 14px; margin-bottom: 30px}
.homeBoxC-e .con .more,.homeBoxC-j .more { font-size: 14px; display: inline-block; padding-right:10px; background: url(../images/9ece95a7_038075ab8ef9fb05ba635b65ff60a633b6e99643.png) no-repeat right center}
.homeBoxC-d2 { background: #f1f1f1}
.homeBoxC-d3 { margin-right:0; background: #0093d9}
.homeBoxC-f { padding-top:45px}
.homeBoxC-f .con { position: relative; left:auto; bottom:auto; color:#333}
.homeBoxC-f .con .tit { color:#0093d9}
.homeBoxC-f .con .t { color:#111111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; line-height:28px;height:30px;overflow:hidden}
.homeBoxC-f .con .d { color:#666666; margin: 0}
.homeBoxC-f .con .c { color:#666666; font-size: 15px;line-height: 1.8; margin:15px 0 30px; height: 54px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.homeBoxC-f .con .more { color:#0093d9; background-image: url(../images/b06c8180_d12382ebda0992179fba251f06ddf1560d8e3a1e.png)}
.homeBoxC-g { position: absolute; left:0; bottom:0; width: 100%}
.homeBoxC-g .img { position: relative}
.homeBoxC-h { position: absolute; left:5%; width: 90%; top:50%; transform: translateY(-50%)}
.homeBoxC-h .t { font-size: 16px;color:#fff}
.homeBoxC-h .c { font-size: 22px;color:#fff; margin:10px 0 16px}

.homeBoxC-i .con .tit { color:#ffffff}
.homeBoxC-i .con .t { color:#ffffff}
.homeBoxC-j { margin-top:25px}
.homeBoxC-j dl dd { padding: 1.7vw 5%}
.homeBoxC-j dl dd .con { background: url(../images/1bd3af81_bdb098de34284d8fc24747d6bf38248793207e4f.png) no-repeat right center}
.homeBoxC-j dl dd .t { font-size: 16px; height: 20px; overflow: hidden;color:#fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; width: calc(100% - 20px)}
.homeBoxC-j dl dd .d { font-size: 14px;color:rgba(255,255,255,0.6); margin-top:12px}
.homeBoxC-j dl dd:hover { background: #40aee3}
.homeBoxC-j .more { margin:30px 0 0 5%; color:#fff}

@media(max-width: 2400px){
	.homeBoxC-j dl dd { padding: 1.6vw 5%}
}
@media(max-width: 2250px){
	.homeBoxC-j dl dd { padding: 1.3vw 5%}
}
@media(max-width: 2000px){
	.homeBoxC-j dl dd { padding: 1vw 5%}
	.homeBoxC-f .con .c { margin:12px 0 20px}
}
@media(max-width: 1880px){
	.homeBoxC-f { padding-top: 35px}
	.homeBoxC-e .con .t { font-size: 22px}
	.homeBoxC-f .con .c { margin:6px 0 15px}
}
@media(max-width: 1780px){
	.homeBoxC-e .con .t { font-size: 20px}
	.homeBoxC-j { margin-top:20px}
	.homeBoxC-j dl dd .d { margin-top:8px}
}
@media(max-width: 1680px){
	.homeBoxC { padding: 100px 0}
	.homeBoxC-e .con .t,.homeBoxC-h .c { font-size: 20px}
	.homeBoxC-f { padding-top:20px}
}
@media(max-width: 1580px){
	.homeBoxC-j dl dd { padding: 0.8vw 5%}
	.homeBoxC-j .more { margin-top:20px}
	.homeBoxC-f .con .c { margin: 6px 0 10px}
}
@media(max-width: 1480px){
	.homeBoxC-c { margin-top:40px}
	.homeBoxC { padding: 70px 0}
	.homeBoxC-d { height: 34.3vw}
	.homeBoxC-j dl dd .con { background: url(../images/1bd3af81_bdb098de34284d8fc24747d6bf38248793207e4f.png) no-repeat right center; background-size: 8px auto}
}
@media(max-width: 1380px){
	.homeBoxC-e .con .t { font-size: 18px}
	.homeBoxC-e .con .t,.homeBoxC-h .c { font-size: 18px}
	.homeBoxC-f .con .c { margin: 6px 0 12px; line-height: 20px; height: 40px}
	.homeBoxC-f { padding-top:20px}
	.homeBoxC-e .img { overflow: hidden}
	.homeBoxC-e .img img { width: 107%!important; max-width: 200%; height: auto}
}
@media(max-width: 1280px){
	.homeBoxC-c { margin-top:30px}
	.homeBoxC { padding: 50px 0}
	.homeBoxC-j dl dd .d { margin-top:5px}
	.homeBoxC-j,.homeBoxC-j .more { margin-top:15px}
}
@media(max-width: 1180px){
	.homeBoxC-e .con .t { font-size: 16px; margin: 5px 0}
	.homeBoxC-f .con .c { margin: 6px 0; line-height: 20px; height: 40px}
	.homeBoxC-f { padding-top:15px}
}
@media(max-width: 1100px){
	.homeBoxC-j dl dd { padding: 0.5vw 5%}
}
@media(max-width: 1024px){
	.homeBoxC-c { margin-top:20px}
	.homeBoxC { padding: 30px 0; margin-top:30px}
	.homeBoxC-d { width: 100%; margin:0 0 15px 0; height: auto}
	.homeBoxC-d1 { display: none}
	.homeBoxC-e .con { padding: 0 2%}
	.homeBoxC-h { left:2%}
	.homeBoxC-d3 {margin-bottom:0; padding: 20px 0 30px}
	.homeBoxC-j dl dd { padding: 12px 2%}
	.homeBoxC-j .more { margin-left:2%}
	.homeBoxC-g { margin-top:20px; position: relative; left:auto; bottom:auto}
}


.homeBoxD { position: relative}
.homeBoxD-a { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%)}
.homeBoxD-a .mainTit .c { font-size: 22px; margin-top:10px}
.homeBoxD .img img.pic2 { display: none}
@media(max-width: 1680px){
	.homeBoxD-a .mainTit .c { font-size: 20px}
}
@media(max-width: 1480px){
	.homeBoxD-a .mainTit .c { font-size: 18px}
}
@media(max-width: 1280px){
	.homeBoxD-a .mainTit .c { font-size: 16px; margin-top:6px}
}
@media(max-width: 1024px){
	.homeBoxD .img img.pic1 { display: none}
	.homeBoxD .img img.pic2 { display: block}
}






/*网站底部*/
.footer { padding:0; background: #252525}
.footerA { padding:26px 60px 30px; border-bottom:1px solid #444}
.footerA-a { float: left}
.footerA-b { line-height: 30px; float: right; font-size: 16px;color:#e4e4e4; text-transform: uppercase; font-family: 'Arial'}
.footerA-c { line-height: 30px; float: right; margin-right:4%}
.footerA-c ul li { float: left; margin-left:50px}
.footerA-c ul li a { font-size: 16px;color:rgba(255,255,255,1)}
.footerA-c ul li:first-child { margin-left:0}

.footerB { padding:10px 60px 10px;background: #252525}
.footerB-a { float: left}
.footerB-a .t { font-size: 14px;color:#aaaaaa; font-family: "Arial"; margin-bottom:5px; text-transform: uppercase}
.footerB-a .c { font-size: 18px; color:#999999}
.footerB-b { float: right}
.footerB-b ul li { float: left; position: relative}
.footerB-b ul li:nth-child(n+2) { margin-left:10px; cursor: pointer}/*wrapper:casscgufeia*/
.footerB-b ul li .ewm {  width: 120px; height: 120px; border:1px solid #e2e2e2; background: #fff; position: absolute; left:50%; transform: translateX(-50%); bottom:45px; display: none}
.footerB-b ul li:hover .ewm { display: block}
.footerB-b .bshare-custom a {margin-left:12px; display: inline-block; width: 44px; height: 44px!important}
.footerB-b a.bshare-sinaminiblog { margin-left:0; background: url(../images/86034c69_dd6964d47106291ab407ffb162b94254fce24d51.png) no-repeat center/cover}
.footerB-b a.bshare-weixin { background: url(../images/2cf8580a_07d8d31fcc653a1d1690dd2204166c1a10775523.png) no-repeat center/cover}
.bshare-custom .bshare-more{text-align: left;background: none!important;padding-left:0!important;font-size: 0!important;color: #181818!important;font-weight: 600!important}
.bsTop, .bsFrameDiv, #bsMorePanel,#bsBox { max-width: 100%}

.footerB-b ul li .ewm img {border: 0;max-width: 100%}

.footerBb { padding:10px 60px 10px;background: #202020}




.footerC { background: #202020; padding:16px 60px}
.footerC p,.footerC p a { text-transform: uppercase; font-size: 12px;color:#999999}
.footerC-a { float: left}
.footerC-b { float: right}
@media(max-width: 1480px){
	.footerA-c ul li { margin-left:40px}
}
@media(max-width: 1280px){
	.footerA-c ul li { margin-left:30px}
}
@media(max-width: 1180px){
	.footerA-c { margin-right:2%}
	.footerA-c ul li { margin-left:20px}
	.footerA-c ul li a { font-size: 14px}
}
@media(max-width: 1100px){
	.footerC-b,.footerC-a { width: 100%; text-align: center; margin: 3px 0}
}
@media(max-width: 1024px){
	.footerA-c { display: none}
	.footerA,.footerB { padding: 20px 3% 30px}
	.footerB-b ul li .ewm { left:auto; right:0; transform: translateX(0)}
}
@media(max-width: 450px){
	.flogo img { width: 180px}
	.footerA,.footerB { padding: 20px 3% 20px}
}









/*关于泓济*/
.aboutA { padding:90px 0 110px; background-size: 81.25% auto}
.aboutA-a { position: relative}
.aboutA-a .img { float: right; width: 45%}
.aboutA-a .con { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 48.75%}
.aboutA-a .con .c { margin-top:20px; font-size: 16px;color:#666666; line-height: 2}
.aboutA-a .con .c p { margin: 10px 0}
.aboutA-a .con .c a.mainMore { margin-top:30px}
@media(max-width: 1680px){
	.aboutA { padding:70px 0 90px}
    .aboutA-a .con .c a.mainMore { margin-top:20px}
    .aboutA-a .img { width: 48%}/*@grid m75e5q8ky1*/
}
@media(max-width: 1480px){
	.aboutA { padding:50px 0 66px}
	.aboutA-a .con .c { margin-top:10px; line-height: 1.8}
	.aboutA-a .con .c p { margin: 8px 0}
}
@media(max-width: 1280px){
	.aboutA { padding:30px 0 40px}
	.aboutA-a .con .c { font-size: 15px; line-height: 1.6}
	.aboutA-a .img { width: 48%}
    .aboutA-a .con .c a.mainMore { margin-top:10px}
}
@media(max-width: 1024px){
	.aboutA { padding:30px 0 40px}
	.aboutA-a .con,.aboutA-a .img { width: 100%}
	.aboutA-a .con { position: relative; left:0; top:0; transform: translate(0); margin-top:20px; float: left}
	.aboutA-a .con .c { margin-top:10px; font-size: 16px;color:#666666; line-height: 1.8}
    .aboutA-a .con .c p { margin: 10px 0}
}

.aboutB { padding: 0 8px}
.aboutB ul li { position: relative; float: left; width: 25%; padding: 0 6px}
.aboutB-b { position: relative}
.aboutB ul li .con { position: absolute; width: 100%; left:0; bottom:20px; text-align: center}
.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 22px; color:#fff; line-height: 1.6}
@media(max-width: 1680px){
	.aboutB ul li .con { bottom:15px}
	.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 12px}
}
@media(max-width: 1480px){
	.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 18px}
}
@media(max-width: 1280px){
	.aboutB { padding: 0 3%}
	.aboutB ul li { float: left; width: 49%; padding: 0; margin:0}
	.aboutB ul li:nth-child(2n) { float: right}
	.aboutB ul li:nth-child(n+3) { margin-top:2%}
}
@media(max-width: 640px){
	/*.aboutB ul li:nth-child(n+3) { margin-top:0}*/
	/*.aboutB ul li { width: 100%; margin: 0 0 15px 0}*/
	.aboutB ul li .con { bottom:10px}
	.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 15px}

}
@media(max-width: 450px){
	.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 13px}
}
@media(max-width: 380px){
	.aboutB ul li .con .t,.aboutB ul li .con .et { font-size: 12px}
}

.aboutC { padding:110px 0}
.aboutC-a { margin-top:35px; position: relative}
.aboutC-b { float: left; width: 67%}
.aboutC-c { width: 32%; position: absolute; max-width: 450px; right:0; bottom:0; padding: 20px; box-shadow: 0px 0px 40px 0px rgba(221, 221, 221, 0.35)}
.aboutC-c ul li { font-size: 16px; color:#666666; line-height: 3; border-bottom:1px solid #e2e2e2; position: relative; padding-left:25px}
.aboutC-c ul li:after,.aboutC-c ul li:before { content:''; position:absolute}
.aboutC-c ul li:after { transition: all 0.6s; width: 0; height: 2px; left:0; bottom:0; background: #b4d76a}
.aboutC-c ul li:before { width: 5px; height: 5px; border-radius: 50%; left: 8px; top: 50%; transform: translateY(-50%); background: #ddd}
.aboutC-c ul li:hover:before { background: #b4d76a}
.aboutC-c ul li:hover:after { width: 100%}
.aboutC-c ul li:hover { color:#b4d76a}
@media(max-width: 1780px){
	.aboutC-c { width: 30%}
}
@media(max-width: 1680px){
	.aboutC { padding:70px 0}
	.aboutC-c ul li { line-height: 2.8; font-size: 15px}
}
@media(max-width: 1280px){
	.aboutC { padding:50px 0}
	.aboutC-c { padding: 20px 10px}
	.aboutC-c ul li { line-height: 2; font-size: 14px}
}
@media(max-width: 1024px){
	.aboutC { padding:20px 0 40px}
	.aboutC-a { margin-top:15px}
	.aboutC-c,.aboutC-b { max-width: 100%; width: 100%}
	.aboutC-c { position: relative; float: left; width: 100%; top:0; transform: translateY(0); margin-top:20px}
	.aboutC-c ul li { line-height: 2.8; font-size: 16px}
}


.aboutD { padding:90px 0; background: #f7f7f7}
.aboutD-b { margin-top:45px}
.aboutD-b .swiper-slide { background: #fff}
.aboutD-c { position: relative; height: 23vw; padding:2vw 3vw 1vw; border-bottom:1px solid #ededed}
.aboutD-c .img { height: 100%; position: relative}
.aboutD-c .img img { position: absolute; left:0; top:50%; transform: translateY(-50%)}

.aboutD-b { position: relative}
.aboutD-b .tit { border-bottom: 2px solid #fff; position: relative; padding:20px; font-size: 18px;color:#666666}
.aboutD-b .tit:after { content:''; width: 24px; height: 24px; background: url(../images/31b13468_d117cbd0f0ad8f9ded773bcc29f9ad6e5431fe00.png) no-repeat center/cover; position: absolute; top:50%; transform: translateY(-50%); right:20px}

.aboutD-f { padding-bottom:80px}

.aboutD-b .preva,.aboutD-b .nexta { width: 18px; height: 32px; opacity: 1; z-index: 10; position: absolute; cursor: pointer}

.aboutD-f .swiper-pagination span.swiper-pagination-bullet { margin: 0 10px}
.aboutD-f .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px}
.aboutD-f  .swiper-pagination-bullet-active { background: #8fc31f}
.aboutD-f  .swiper-pagination-bullet:after { content:''; width: 0px; height: 0px; transition: all 0.8s; border-radius: 50%; border:1px solid #8fc31f; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%)}
.aboutD-f  .swiper-pagination-bullet-active:after {  width: 22px; height: 22px}
.aboutD-f .swiper-slide:hover .tit { color:#8fc31f; border-bottom:2px solid #8fc31f}

@media(max-width: 1680px){
	.aboutD { padding: 60px 0 70px}
	.aboutD-b { margin-top:30px}
}
@media(max-width: 1480px){
	.aboutD { padding: 40px 0 50px}
	.aboutD-b { margin-top:20px}
	.aboutD-f { padding-bottom:60px}
	.aboutD-c { height: 28vw; padding:1.6vw 1.5vw 1vw}
}
@media(max-width: 1280px){
	.aboutD { padding: 30px 0 40px}
	.aboutD-f { padding-bottom:50px}
	.aboutD-c { height: 40vw; padding:1.6vw 1.5vw 1vw}
}
@media(max-width: 1024px){
	.aboutD-c { height: 66vw}
	.aboutD-b .preva { left: -24px}
	.aboutD-b .nexta { right: -24px}
}
@media(max-width: 640px){
	.aboutD-c { height: 114vw}
	.aboutD-b .preva { left: 0px}
	.aboutD-b .nexta { right: 0px}
}

.aboutE {  }
.aboutE-a { position: relative}
.aboutE-a .con { width: 100%; text-align: center; position: absolute; left:0; top:48%; transform: translateY(-50%)}
.aboutE-a .con .t { font-size: 52px; color:#fff}
.aboutE-a .con .c { font-size: 50px; color:#fff; margin-top:5px}
.aboutE-b .swiper-pagination { bottom:30px}
.aboutE-b .swiper-pagination span.swiper-pagination-bullet { background: #fff; opacity: 1; margin: 0 10px}
.aboutE-b .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px}
.aboutE-b  .swiper-pagination-bullet-active { background: #fff}
.aboutE-b  .swiper-pagination-bullet:after { content:''; width: 0px; height: 0px; transition: all 0.8s; border-radius: 50%; border:1px solid #fff; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%)}
.aboutE-b  .swiper-pagination-bullet-active:after {  width: 22px; height: 22px}
@media(max-width: 1680px){
	.aboutE-a .con .t { font-size: 46px}
	.aboutE-a .con .c { font-size: 44px}
}
@media(max-width: 1480px){
	.aboutE-a .con .t { font-size: 42px}
	.aboutE-a .con .c { font-size: 40px}
}
@media(max-width: 1280px){
	.aboutE-a .con .t { font-size: 38px}
	.aboutE-a .con .c { font-size: 36px}
}
@media(max-width: 1024px){
	.aboutE-a .con .t { font-size: 32px}
	.aboutE-a .con .c { font-size: 30px}
	.aboutE-a .con { top:45%}
	.aboutE-b .swiper-pagination { bottom:20px}
}
@media(max-width: 800px){
	.aboutE-a .con .t { font-size: 28px}
	.aboutE-a .con .c { font-size: 26px}
}
@media(max-width: 600px){
	.aboutE-a .con .t { font-size: 24px}
	.aboutE-a .con .c { font-size: 22px}
}
@media(max-width: 400px){
	.aboutE-a .con .t { font-size: 20px}
	.aboutE-a .con .c { font-size: 16px}
}
@media(max-width: 500px){
	.aboutE-a .con { top:40%}
	.aboutE-b .swiper-pagination { bottom:10px}
	.aboutE-a .img img { width: 120%; max-width: 200%}
}

.aboutF { padding:150px 3%; background: url(../images/1f8646fc_8f21b06611e2f825ece8a1b5899dbcf8d44c3fb0.jpg) no-repeat center/cover}
.aboutF .mainTit .c { font-size: 18px;color:#666666;margin:30px 0}
@media(max-width: 1680px){
	.aboutF { padding:100px 3% 100px}
}
@media(max-width: 1480px){
	.aboutF { padding:70px 3%}
	.aboutF .mainTit .c { margin: 20px 0}
}
@media(max-width: 1024px){
	.aboutF { padding:30px 3% 40px}
	.aboutF .mainTit .c { margin: 10px 0 20px}
}
@media(max-width: 500px){
	.aboutF .mainTit .c { font-size: 16px}
}
@media(max-width: 400px){
	.aboutF .mainTit .c { font-size: 14px}
}

/*关于我们详情页*/

.aboutDet { padding: 100px 0 100px; background: #f5f5f5}
.aboutDetA-b { margin-top:30px}
.mainArticle { font-size: 18px;color:#666666; line-height: 1.8}
.mainArticle p { margin: 15px 0}
.aboutDetA-b p img { width: 100%}
.aboutDetA-c { margin-top:70px}
.aboutDetA-c .mainTit .t { font-size: 32px}
.aboutDetA-c .mainTit .et { font-size: 16px; margin-top:8px}
.aboutDetA-d { margin-top:30px}
.aboutDetA-d .tit { font-size: 22px;color:#333333}
.aboutDetA-e { margin:60px auto; height: 1px; background: #e2e2e2}
.aboutDetA-f,.aboutDetA-g { margin-top:35px}
.aboutDetA-f ul li { position: relative; background: #fff; padding:45px 60px 45px 170px; margin-bottom:15px}
.aboutDetA-f ul li .icon { position: absolute; left: 0; top:50%; transform: translateY(-50%);  width: 170px; text-align: center}
.aboutDetA-f ul li .con { width: 100%; border-left:1px solid #efefef; padding-left:40px}
.aboutDetA-f ul li .con .t { font-size: 22px;color:#333}
.aboutDetA-f ul li .con .c { font-size: 16px;color:#666; line-height: 1.8; margin-top:6px}
.aboutDetA-g ul li { float: left; width: 19%; margin-right:1.25%}
.aboutDetA-g ul li:nth-child(5n) { margin-right:0}
.aboutDetA-g ul li:nth-child(n+6) { margin-top:1.25%}
.aboutDetA-g ul li .icon { height:6.3vw; overflow: hidden}
.aboutDetA-g ul li .icon img { transition: all 0.3s}
.aboutDetA-g ul li:hover .icon img { transform: scale(0.94)}

@media(max-width: 1680px){
	.aboutDet { padding: 70px 0}
	.aboutDetA-b,.aboutDetA-d { margin-top:25px}
	.mainArticle p { margin: 12px 0}
	.aboutDetA-c { margin-top:50px}
	.aboutDetA-c .mainTit .t { font-size: 28px}
	.aboutDetA-e { margin: 50px auto}
	.aboutDetA-f,.aboutDetA-g { margin-top:30px}
	.aboutDetA-f ul li { padding: 30px 60px 30px 170px}
}
@media(max-width: 1480px){
	.aboutDet { padding: 50px 0}
	.aboutDetA-b,.aboutDetA-d,.aboutDetA-f,.aboutDetA-g { margin-top:20px}
	.mainArticle p { margin: 10px 0}
	.aboutDetA-c { margin-top:40px}
	.aboutDetA-c .mainTit .t { font-size: 24px}
	.aboutDetA-e { margin: 40px auto}
	.mainArticle { font-size: 16px}
	.aboutDetA-f ul li { padding: 20px 30px 20px 120px}
	.aboutDetA-f ul li .icon { width: 120px}
	.aboutDetA-f ul li .icon img { height: 50px; width: auto}
	.aboutDetA-g ul li .icon { height: 6.8vw}
	.aboutDetA-d .tit,.aboutDetA-f ul li .con .t { font-size: 20px}
	.aboutDetA-f ul li .con .c { font-size: 14px}
}
@media(max-width: 1280px){
	.aboutDet { padding: 40px 0}
	.aboutDetA-b,.aboutDetA-d,.aboutDetA-f,.aboutDetA-g { margin-top:15px}
	.mainArticle p { margin: 8px 0}
	.aboutDetA-c { margin-top:30px}
	.aboutDetA-c .mainTit .t { font-size: 22px}
	.aboutDetA-e { margin: 30px auto}
	.mainArticle { font-size: 15px}
	.aboutDetA-f ul li { padding: 16px 30px 16px 120px}
	.aboutDetA-d .tit,.aboutDetA-f ul li .con .t { font-size: 18px}
}
@media(max-width: 1024px){
	.aboutDetA-c .mainTit .t { font-size: 18px}
	.aboutDetA-d .tit, .aboutDetA-f ul li .con .t { font-size: 17px}
	.aboutDetA-c .mainTit .et { font-size: 14px}
	.aboutDetA-g ul li .icon { height: 7.2vw}
}
@media(max-width: 750px){
	.aboutDetA-f ul li { padding: 12px 20px 12px 80px}
	.aboutDetA-f ul li .icon { width: 80px}
	.aboutDetA-f ul li .icon img { height: 40px}
	.aboutDetA-f ul li .con { padding-left:20px}
	.aboutDetA-g ul li { width: 49%; margin-right:0}
	.aboutDetA-g ul li:nth-child(2n) { float: right}
	.aboutDetA-g ul li .icon { height: 18.5vw}
    .aboutDetA-g ul li:nth-child(n+3) { margin-top:2%}
}
@media(max-width: 640px){

	.aboutDetA-f ul li { padding: 12px 15px 12px 15px}
	.aboutDetA-f ul li .con { padding-left:0px; border:none}
	.aboutDetA-f ul li .con .t { padding-left:30px; line-height: 30px}
	.aboutDetA-f ul li .icon { width: 30px; left:12px; top:12px; transform: translateY(0)}
	.aboutDetA-f ul li .icon img { height: 30px}
}
@media(max-width: 400px){
	.aboutDetA-g ul li { width: 100%}
	.aboutDetA-g ul li .icon { height: auto}
    .aboutDetA-g ul li:nth-child(n+2) { margin-top:12px}
}

.aboutDetB { padding:100px 0; background: #fff}
.aboutDetB-c { margin-top:45px}
.aboutDetB-c .swiper-slide { width: 76%}
.aboutDetB-d { padding: 0 30px}
.aboutDetB-c .swiper-button-next,.aboutDetB-c .swiper-button-prev { width: 30px; height: 60px; background: #000}


.aboutDetB-e { position: relative}
.aboutDetB-e .con { padding: 0 30px 20px; position: absolute; left:0; bottom:15px}
.aboutDetB-e .con .t { font-size: 24px;color:#ffffff}
.aboutDetB-e .con .c { font-size: 16px;color:#fefefe; margin-top:8px}

@media(max-width: 1680px){
	.aboutDetB { padding: 70px 0 80px}
	.aboutDetB-c { margin-top:35px}
	.aboutDetB-e .con .t { font-size: 22px}
}
@media(max-width: 1480px){
	.aboutDetB-c { margin-top:30px}
	.aboutDetB { padding: 50px 0 60px}
	.aboutDetB-d { padding: 0 20px}
	.aboutDetB-e .con { padding: 0 20px 10px}
	.aboutDetB-e .con .t { font-size: 20px}
}
@media(max-width: 1280px){
	.aboutDetB-c { margin-top:20px}
	.aboutDetB { padding: 30px 0 40px}
	.aboutDetB-c .swiper-slide { width: 84%}
	.aboutDetB-c .swiper-button-next { right:8%}
	.aboutDetB-c .swiper-button-prev { left:8%}
}
@media(max-width: 1024px){
	.aboutDetB-e .con { padding: 0 15px 0px}
	.aboutDetB-e .con .t { font-size: 18px}
}
@media(max-width: 600px){
	.aboutDetB-c { margin-top:10px}
	.aboutDetB-c .swiper-slide { width: 100%}
	.aboutDetB-d { padding: 0 3%}
	.aboutDetB-c .swiper-button-next { right:3%; margin-right: 0px}
	.aboutDetB-c .swiper-button-prev { left:3%; margin-left:0px}
}



/*新闻资讯*/
.news { padding:80px 0 100px; background: #f7f7f7}
.newsA ul { margin-bottom:80px}
.newsA ul li a { display: block}
.newsA ul li { margin-bottom:40px}
.newsA-a { position: relative; padding:35px 0 35px 80px}
.newsA-a:before { transition: all 0.6s; content:''; width: 83.5%; height: 100%; background: #fff; position: absolute; left:0; top:0}
.newsA-a .d,.newsA-a .con,.newsA-a .img { position: relative; z-index: 10}
.newsA-a .d { float: left; width: 160px; margin-top:20px; border-right:1px solid #ededed}
.newsA-a .con  { margin-left: 40px; margin-top:20px; float: left; width: 50%}
.newsA-a .img { transition: all 0.6s; float: right; width: 25%}
.newsA-a .d .md { font-size: 46px;color:#2b2b2b; line-height: 1; margin-bottom:10px}
.newsA-a .d .y { font-size: 24px;color:#2b2b2b}
.newsA-a .con .t { font-size: 22px;color:#333333; font-weight: bold; overflow: hidden; line-height: 28px; height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.newsA-a .con .c { font-size: 16px;color:#666666; line-height: 2; margin-top:16px;height: 64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.newsA-a .con .more { margin-top: 30px; display: inline-block; width: 40px; height: 40px; border-radius: 50%; border:1px solid #ededed}
.newsA ul li:hover .newsA-a .img { margin-right:80px}
.newsA ul li:hover .newsA-a .con .t,.newsA ul li:hover .newsA-a .d .md,.newsA ul li:hover .newsA-a .d .y { color:#8fc31f}
.newsA ul li:hover .newsA-a .con .more { border:1px solid #8fc31f; background: url(../images/b06c8180_d12382ebda0992179fba251f06ddf1560d8e3a1e.png) no-repeat center}
.newsA ul li:hover .newsA-a:before { width: 100%}
@media(max-width: 1680px){
	.news { padding:60px 0 80px}
	.newsA ul { margin-bottom:60px}
	.newsA-a { padding:25px 0 25px 40px}
	.newsA-a:before { width: 86%}
	.newsA ul li:hover .newsA-a .img { margin-right:40px}
	.newsA ul li { margin-bottom:30px}
	.newsA-a .d,.newsA-a .con { margin-top:12px}
	.newsA-a .d { width: 150px}
	.newsA-a .d .md { font-size: 40px}
	.newsA-a .d .y { font-size: 22px}
	.newsA-a .con .t { font-size: 20px}
	.newsA-a .con .c { margin-top:10px}
	.newsA-a .con .more { margin-top:24px}
}
@media(max-width: 1480px){
	.news { padding:40px 0 50px}
	.newsA ul { margin-bottom:40px}
	.newsA-a { padding:20px 0 20px 30px}
	.newsA-a:before { width: 88%}
	.newsA ul li:hover .newsA-a .img { margin-right:30px}
	.newsA ul li { margin-bottom:20px}
	.newsA-a .con { width: 53%}
	.newsA-a .d,.newsA-a .con { margin-top:12px}
	.newsA-a .d { width: 135px}
	.newsA-a .d .md { font-size: 32px}
	.newsA-a .d .y { font-size: 20px}
	.newsA-a .con .t { font-size: 18px}
	.newsA-a .con .c { font-size: 15px; line-height: 2; height: 60px}
	.newsA-a .con .more { margin-top:16px; width: 40px; height: 40px}
}
@media(max-width: 1024px){
	.news { padding:30px 0 50px}
	.newsA ul { margin-bottom:30px}
	.newsA-a { padding:20px}
	.newsA-a .d { display: none}
	.newsA-a:before { width: 100%}
	.newsA-a .con { width: 60%; margin-left: 0; float: right}
	.newsA-a .img { float: left; margin-right:0; width: 35%}
	.newsA ul li:hover .newsA-a .img { margin-right:0px}
}
@media(max-width: 750px){
	.newsA-a { padding:16px 12px}
	.newsA-a .con { margin-top:0}
	.newsA-a .con .t { font-size: 16px}
	.newsA-a .con .c { font-size: 14px; line-height: 1.5; height: 42px; margin-top:6px}
	.newsA-a .con .more { margin-top:10px}
	.newsA ul li { margin-bottom:10px}
}
@media(max-width: 600px){
	.newsA-a .con { width: 55%}
	.newsA-a .img { width: 40%}
}
@media(max-width: 500px){
	.newsA-a .con .more { display: none}
	.newsA-a { padding:10px}
	.news { padding:20px 0 40px}
	.newsA ul { margin-bottom:20px}
}






.contactB { padding:80px 0 100px}


.contactB-b { margin-top:30px}
.contactB-b ul li { border: 1px solid #e2e2e2; transition: all 0.6s; position: relative; padding: 30px; float: left; width: 32%; margin-right:2%}
.contactB-b ul li:nth-child(3n) { margin-right:0}
.contactB-b ul li:nth-child(n+4) { margin-top:2%}
.contactB-c .t { font-size: 24px;color:#333333}
.contactB-c .c { min-height: 200px; font-size: 16px;color:#888888; line-height: 1.8; margin-top:16px}
.contactB-b ul li:before { content:''; width: 0; height: 2px; background: #8fc31f; position: absolute; left:0; top:0; transition: all 0.6s}
.contactB-b ul li:hover { background: #f9f9f9}
.contactB-b ul li:hover:before { width: 100%}

@media(max-width: 1820px){
	.contactB-c .c { min-height: 180px}
}
@media(max-width: 1680px){
	.contactB { padding:60px 0 80px}
	.contactB-c .t { font-size: 22px}
	.contactB-c .c { min-height: 180px}
}
@media(max-width: 1480px){
	.contactB { padding:40px 0 60px}
	.contactB-b ul li { padding:20px}
	.contactB-c .t { font-size: 20px}
	.contactB-c .c { min-height: 140px; font-size: 14px}
}
@media(max-width: 1280px){
	.contactB { padding:30px 0 40px}
	.contactB-b ul li { padding:16px 12px}
	.contactB-c .t { font-size: 18px}
	.contactB-b { margin-top:20px}
}
@media(max-width: 1024px){
	.contactB-b ul li { width: 49%; margin-right:0}
	.contactB-b ul li:nth-child(2n) { float: right}
    .contactB-b ul li:nth-child(n+3) { margin-top:2%}
}
@media(max-width: 750px){
	.contactB-b ul li { width: 100%}
    .contactB-b ul li:nth-child(n+2) { margin-top:15px}
	.contactB-c .c { min-height: 10px}
}













.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px!important;
  padding-right: 0px!important}



.dnn1{width: 53%;color:#ffffff;font-size: 15px;line-height: 30px}
.more33{	width: 115px;
	height: 36px;
	background-color: #004789;
	border-radius: 2px;	color: #ffffff;text-align: center;margin-top: 15px}

.more33 a{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center}


.lxnn{	font-family: MicrosoftYaHei;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 2px;
	color: #004789;margin-right: 15px}



.nore33{	width: 116px;
	height: 35px;
	background-color: #004789;
	border-radius: 2px;text-align: center;float: right;margin-bottom: 10px;margin-top: 10px}

.nore33 a{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center}


.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px}

p{margin: 0px!important}



.seox{	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;text-align: center}

.seox a{color: #999999}



.relative11 { width: 100%; height: 100%; position: relative}


.dnn2{ display: flex;
    flex-wrap: wrap;
    justify-content: space-between}


@media(max-width: 768px){
.dnn1{width: 100%}
.nore33{float:left}
.dnn2{width: 100%; display: block}
}



.navc {  position: relative}
.sortt { padding: 10px 0; display: none; position: absolute; left:0; top:73px; background: #fff; width: 160px; left:50%; margin-left:-80px; text-align: center}
.sortt dt { line-height: 2.5;margin-bottom: 0px}
.sortt dt a{ display: block; font-size:14px!important; color:#666!important; background:none!important;text-align: center!important;
font-weight: 400;padding-left:0px!important}

.navc:hover .sortt { display: block}
.sortt dt:hover { background: #b4d76a; color:#fff}
.sortt dt:hover a{color:#fff!important}

/*样式*/
@media (max-width: 990px) {
    /* .page-banner,.x-banner{margin-top:60px} */
	.footerC { background: #202020; padding:16px 10px; padding-bottom: 25px}
	.case_11 li h4{font-size: 16px}
	.case_22 li h4{font-size: 16px}
  }
