/*banner*/
.banner{width:100%;margin-top:160px;}
.swiper_banner{width:100%;overflow: hidden;position:relative;}
.swiper_banner:before{content: "";display: block;padding-top:36.5%;}
.swiper_banner .swiper-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;}
.bannerPic{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.bannerPic img{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.swiper-next,.swiper-prev{position:absolute;top:50%;height:78px;width:46px;margin-top:-39px;text-align: center;background:rgba(0,0,0,0.4);transition:all .3s;z-index:10;}
.swiper-next{right: 0;}
.swiper-prev{left:0;}
.swiper-next:hover,.swiper-prev:hover{background:#00478b;}
.swiper-next i{position:absolute;width:10px;height:20px;top:50%;margin-top:-10px;left:50%;margin-left:-5px;background:url(../images/icons.png) no-repeat 0 -20px;}
.swiper-prev i{position:absolute;width:10px;height:20px;top:50%;margin-top:-10px;left:50%;margin-left:-5px;background:url(../images/icons.png) no-repeat 0 0;}
.banTitle{position:absolute;left:50%;top:115px;text-align: center;width:80%;margin-left:-40%;color:#fff;}
.banTitle h3{font-size:50px;margin-bottom:20px;}
.banTitle p{font-size:20px;}
.banTitle a{display: block;width:164px;height:40px;border:solid 2px #fff;line-height:40px;color:#fff;text-align: center;margin:40px auto 0;font-size:18px;}
.banTitle a i{display: inline-block;width:26px;height:17px;background:url(../images/right2.png) no-repeat;margin-left:12px;margin-top:-4px;vertical-align: middle;}
.abudtWrap{width:100%;padding-bottom:70px;}
.aboutCont{float:right;width:830px;margin-right:110px;padding-top:120px;transition:all .6s;transition-delay: 0.5s;opacity: 0;transform: translateY(80px);}
.aboutText{font-size:14px;line-height:30px;color:#007c36;}
.aboutList{margin-top:45px;width:100%;transition: all .3s;text-align: center;}
.aboutList li{display: inline-block;width:110px;height:185px;margin:0 40px;text-align: center;transition:all .3s;position:relative;cursor: pointer;}
.aboutList li .yuan{position:absolute;left:5px;top:30px;width:100px;height:94px;background:url(../images/yuan.png) no-repeat;}
.aboutList li .yuan em{font-size:12px;color:#777;display: block;}
.pt20{padding-top:20px;}
.aboutList li .yuan p{font-size:22px;line-height:32px;color:#00478b;}
.aboutList li .tit{position:absolute;left:5px;top:156px;width:100px;}
.aboutList li .tit h3{font-size:14px;color:#333;margin-bottom:5px;}
.aboutList li .tit p{font-size:12px;color:#bfbfbf;margin-bottom:5px;}
.aboutList li:hover,.aboutList .active{background:#00478b;}
.aboutList li:hover .yuan,.aboutList .active .yuan{background:#fff;width:102px;left:4px;top:4px;height:112px;}
.aboutList li:hover .tit,.aboutList .active .tit{background:#fff;width:102px;left:4px;top:112px;padding-bottom:18px;}
.aboutList li:hover .tit p,.aboutList .active .tit p{display: none;}
.banner_mobile{width:100%;margin-top:90px;display:none;}
.mobile_banner{width:100%;overflow: hidden;position:relative;}
.mobile_banner:before{content: "";display: block;padding-top:41.67%;}
.mobile_banner .swiper-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;}
.banPic{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.banPic img{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
/*news*/
.newsWrap{width:100%;padding-bottom: 70px;background:url(../images/img14.jpg) center no-repeat;background-size:cover;}
.contTitle{padding-bottom:50px;}
.contTit_fl{float:left;padding-top:80px;width:250px;transition:all .4s;transition-delay: 0.3s;opacity: 0;transform: translateY(-60px);}
.titleText{float:left;margin-right: 30px;}
.titleText h3{color:#00478b;font-weight: bold;font-size:36px;margin-bottom:20px;}
.titleText p{font-size:24px;color:#00478b;}
.contTit_fl2 h3{color:#fff;}
.contTit_fl2 p{color:#fff;}
.contTit_fl span{float:left;width:36px;height:36px;background:url(../images/icons.png) no-repeat 0 -40px;margin-top:40px;}
.contTit_fl2 span{background:url(../images/jt.png) no-repeat;}
.newsMain{float:right;width:940px;padding-top:120px;transition:all .6s;transition-delay: 0.5s;opacity: 0;transform: translateY(80px);}
.newsList{float:left;width:410px;margin-right:15px;}
.newsList li{width:100%;height:232px;margin-bottom:16px;background:#ececec;transition:all .3s;}
.newsData{float:left;margin:40px 0 0 35px;}
.newsData h3{font-size: 28px;font-weight: bold;color:#555;}
.newsData p{color:#939393;font-size: 14px;font-weight: bold;}
.newsData span{display: block;width:66px;height:2px;background:#d8d8d8;margin-top:40px;}
.newsText{margin-left:115px;padding-top:40px;margin-right: 30px;}
.newsText h3{font-size:16px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px;color:#444;}
.newsText p{font-size: 12px;color:#444;line-height:21px;height:63px;overflow: hidden;}
.newsmore{margin-top:50px;display: block;width:130px;height:24px;border:solid 2px #656565;text-align: center;line-height:24px;color:#303030;}
.newsmore i{display: inline-block;margin-left:10px;font-family: consolas;}
.newItemFr{float:left;width:515px;position:relative;overflow: hidden;position:relative;height:480px;}
.newItemFr:before{padding-top:67%;display: block;content: "";} 
.newItemFr img{transition: all .3s;position:absolute;min-width: 100%;min-height:100%;left:50%;top:50%;transform: translate(-50%,-50%);}
.mewsBox{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.31);}
.newsDatafr{padding:50px 0 0 50px;}
.newsDatafr h3{font-size: 28px;font-weight: bold;color:#fff;}
.newsDatafr p{font-size: 14px;font-weight: bold;color:#fff;opacity: 0.6;}
.newsTextfr{margin:190px 50px 0;}
.newsTextfr h3{font-size:16px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px;color:#fff;}
.newsTextfr p{font-size: 12px;color:#fff;line-height:21px;height:63px;overflow: hidden;}
.newsmorefr{margin-top:50px;display: block;width:100px;height:24px;border:solid 2px #fff;}
.newsmorefr i{display: block;margin:6px auto;width:28px;height:11px;background:url(../images/more.png) no-repeat;}
.newsList .active,.newsList li:hover{background:#00478b;}
.newsList .active .newsData h3,.newsList li:hover .newsData h3{color:#fff;}
.newsList .active .newsData p,.newsList li:hover .newsData p{color:#fff;}
.newsList .active .newsData span,.newsList li:hover .newsData span{background:#fff;}
.newsList .active .newsText h3,.newsList li:hover .newsText h3{color:#fff;}
.newsList .active .newsText p,.newsList li:hover .newsText p{color:#fff;}
.newsList .active .newsmore,.newsList li:hover .newsmore{border:solid 2px #fff;color:#fff;}
.newItemFr:hover img{transform: translate(-50%,-50%) scale(1.1);}

.abudtWrap.active .contTit_fl{opacity: 1;transform: translateY(0px);}
.abudtWrap.active .aboutCont{opacity: 1;transform: translateY(0px);}
.newsWrap.active .contTit_fl{opacity: 1;transform: translateY(0px);}
.newsWrap.active .newsMain{opacity: 1;transform: translateY(0px);}
.videoMain.active .contTit_fl{opacity: 1;transform: translateY(0px);}
.videoMain.active .videoBox{opacity: 1;transform: translateY(0px);}
.projectMain.active .contTit_fl{opacity: 1;transform: translateY(0px);}
.projectMain.active .projectwrap{opacity: 1;transform: translateY(0px);}
.projectMain.active .projectWrap{opacity: 1;transform: translateY(0px);}
.projectMain.active .projectIcon{opacity: 1;transform: translateY(0px);}
.contact_us.active .contTit_fl{opacity: 1;transform: translateY(0px);}
.contact_us.active .contactLeft{opacity: 1;transform: translateX(0px);}
.contact_us.active .contactusMap{opacity: 1;transform: translateX(0px);}

/*project*/
.projectMain{width:100%;height:730px;background:url(../images/img7.jpg) no-repeat rgba(0,0,0,0.7);background-size:cover;}
.projectwrap{width:943px;float:right;margin-top:120px;height:499px;position:relative;transition:all .6s;transition-delay: 0.5s;opacity: 0;transform: translateY(80px);}
.swiper_project{width:100%;height:100%;position:relative;}
.projectImg{width:100%;height:100%;}
.projectfl{float:left;position:relative;width:307px;height:499px;overflow: hidden;margin-right: 8px;}
.projectfl img{min-width: 100%;min-height: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition:all.3s;}
.projectfl:hover img{transform: translate(-50%,-50%) scale(1.1);}
.projectfl:hover .projectBg{display: block;}
.projectBg{position:absolute;left:0;top:0;background:rgba(0,124,54,0.7);width:100%;height:100%;display: none;}
.projectText{height:120px;position:absolute;width:100%;left:0;top:50%;margin-top:-50px;}
.projectText .addIocns{width:78px;height:78px;display: block;margin:0 auto 22px;background:url(../images/addIcon.png) no-repeat;}
.projectText p{padding:0 10px;line-height:18px;color:#fff;height:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;text-align: center;}
.projectfr{float:left;width:628px;height:100%;}
.projectfr li{float:left;position:relative;margin-right:8px;margin-bottom:8px;overflow: hidden;}
.projectfr li:nth-child(2n){margin-right: 0;}
.projectfr li:nth-child(1){width:313px;height:215px;}
.projectfr li:nth-child(2){width:307px;height:215px;}
.projectfr li:nth-child(3){width:285px;height:276px;}
.projectfr li:nth-child(4){width:334px;height:276px;}
.projectfr li img{min-width: 100%;min-height: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition:all.3s;}
.projectfr li:hover img{transform: translate(-50%,-50%) scale(1.1);}
.projectfr li:hover .projectBg{display: block;}
.left_prev{width:34px;height:63px;position:absolute;left:-90px;top:50%;margin-top:-32px;z-index:20;background:url(../images/left_prev.png) no-repeat;}
.right_next{width:34px;height:63px;position:absolute;right:-90px;top:50%;margin-top:-32px;z-index:20;background:url(../images/right_next.png) no-repeat;}

.mob_project{width:100%;height:auto;margin-bottom:50px;position:relative;display: none;}
.swiper_mob{width:100%;height:auto;position:relative;}
.mob-projectImg{width:100%;margin:0 auto;max-width:600px;}
.project-mob{width:100%;}
.project-mob li{width:48%;position:relative;overflow: hidden;margin-bottom:15px;margin-right:4%;float:left;}
.project-mob li:nth-child(2n){margin-right:0;}
.project-mob li:before{content:"" ;display: block;padding-top:62.5%;}
.project-mob li img{width: 100%;height: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition:all.3s;}
.project-mob li:hover img{transform: translate(-50%,-50%) scale(1.1);}
.project-mob li:hover .projectBg{display: block;}


/*联系我们*/
.contact_us{width:100%;position:relative;overflow: hidden;min-height:474px;}
.contactLeft{padding-top:120px;padding-bottom:100px;margin-left:290px;width:430px;transition:all .6s;transition-delay: 0.5s;opacity: 0;transform: translateX(-100px);}
.contactLeft h3{font-size:24px;color:#000;margin-bottom:30px;}
.contactusList li{line-height:40px;overflow: hidden;font-size:14px;}
.contactusList li i{width:24px;height:26px;display: inline-block;margin-right: 20px;vertical-align: middle;}
.contactusList li .Icon1{background:url(../images/icons.png) no-repeat -50px 0;}
.contactusList li .Icon2{background:url(../images/icons.png) no-repeat -50px -26px;}
.contactusList li .Icon3{background:url(../images/icons.png) no-repeat -50px -52px;}
.contactusList li .Icon4{background:url(../images/icons.png) no-repeat -50px -78px;}
.contactusList li .Icon5{background:url(../images/icons.png) no-repeat -50px -104px;}
.contactusList li span{display: inline-block;text-align: justify;text-justify: inter-ideograph;color:#333;width:80px;}
.contactusList li em{color:#666;}
.contactusMap{float:right;width:41%;position:absolute;right:0;top:0;height:100%;transition:all .6s;transition-delay: 0.5s;opacity: 0;transform: translateX(100px);}
.contactusMap:before{content: "";display: block;padding-top:62.5%;}
#dituContent{width:100%;height:100%;position:absolute;left:0;top:0;}
.contactusMap img{width:100%;height:100%;position:absolute;left:0;top:0;}

/*响应式*/

@media only screen and (max-width:1440px ) {
	.left_prev{left:0;}
	.right_next{right:0;}
}

@media only screen and (max-width:1260px ) {
	.aboutCont{margin-right:0;width:720px;padding-top:80px;}
	.aboutList li{margin:0 32px;}
	.newsMain{width:720px;padding-top:80px;}
	.newsList{width:300px;}
	.newItemFr{width:405px;}
	.contactusMap {position: inherit;top: 0;right: 4%;width: 92%;margin: 0 auto;}
	.contactLeft{padding:80px 0 40px;}
	.projectwrap{margin-top:60px;}
	.projectMain{height:750px;}
	.projectwrap{float:none;margin:0 auto 0;}
	.projectMain .contTit_fl {display: block;float:none;margin-bottom:60px;width:100%;height:80px;padding-top:60px;}
}


@media only screen and (max-width:1023px ) {
	.banner{margin-top:90px;}
	.banTitle{width:90%;margin-left:-45%;height:140px;top:50%;margin-top:-80px;}
	.banTitle h3{font-size:30px;margin-bottom:15px;}
	.banTitle p{font-size:18px;line-height:22px;}
	.banTitle a{margin-top:30px;}
	/*.swiper_banner:before{padding-top:56.25%;}*/
	
	.abudtWrap .contTit_fl{opacity: 1;transform: translateY(0px);}
	.abudtWrap .aboutCont{opacity: 1;transform: translateY(0px);}
	.newsWrap .contTit_fl{opacity: 1;transform: translateY(0px);}
	.newsWrap .newsMain{opacity: 1;transform: translateY(0px);}
	.videoMain .contTit_fl{opacity: 1;transform: translateY(0px);}
	.videoMain .videoBox{opacity: 1;transform: translateY(0px);}
	.projectMain .contTit_fl{opacity: 1;transform: translateY(0px);}
	.projectMain .projectwrap{opacity: 1;transform: translateY(0px);}
	.projectMain .projectWrap{opacity: 1;transform: translateY(0px);}
	.projectMain .projectIcon{opacity: 1;transform: translateY(0px);}
	.contact_us .contTit_fl{opacity: 1;transform: translateY(0px);}
	.contact_us .contactLeft{opacity: 1;transform: translateX(0px);}
	.contact_us .contactusMap{opacity: 1;transform: translateX(0px);}
	
	
	.abudtWrap{padding-bottom:40px;}
	.contTit_fl{width:100%;float:inherit;overflow: hidden;padding-top:40px;}
	.aboutCont{padding-top:40px;width:100%;float:inherit;overflow: hidden;}
	.aboutList{margin:-top:10px;}
	.aboutList li{margin:0 4%;}
	.newsWrap{padding-bottom:40px;}
	.newsMain{width:100%;float:inherit;width:100%;padding-top:40px;}
	.newsList{width:40%;margin-right:2%;}
	.newItemFr{width:58%;}
	.contactLeft{width:100%;margin-left:0;padding-top:40px;}
	.projectwrap{display:none;}
	.projectMain {height:auto;padding-bottom:40px;}
	.mob_project{display: block;}
}
@media only screen and (max-width:900px ) {
	.newsList{width:100%;margin-right:0;}
	.newItemFr{width:100%;height:auto;}
	.newsTextfr{margin:0 50px;position:absolute;bottom:30px;}
	.newsmorefr{margin-top:30px;}
	
}

@media only screen and (max-width:800px ) {
	.projectList li{width:48%;margin-right:4%;}
	.projectList li:nth-child(3n){margin-right: 4%;}
	.projectList li:nth-child(2n){margin-right: 0;}
	.projectList li p{height:40px;line-height:40px;font-size: 14px;}
	.newsArrows{bottom:12px;}
}

@media only screen and (max-width:767px ) {
	.aboutList li{margin:0 2%;}
}

@media only screen and (max-width:610px ) {
	.aboutList li{margin:0 8% 20px;}
	.newItemFr{min-height:295px;}
	.banTitle p{display: none;}
	.banTitle h3{font-size:20px;}
	.banTitle a{font-size:14px;}
	.project-mob li{width:100%;}
	.mob-projectImg{max-width:350px;}
} 


@media only screen and (max-width:400px ) {
	.newsList li a span{width:60%;}
	
	.aboutList li{margin:0 4% 20px;}
}

@media only screen and (max-width:375px ) {
	.projectList li{width:100%;margin-right:0;margin-bottom:20px;}
	.projectList li:nth-child(3n){margin-right: 0;}
	.projectList li:nth-child(2n){margin-right: 0;}

}
@media only screen and (max-width:720px ) {
	.banner{display:none;}
	.banner_mobile{display:block;}
}
/*@media only screen and (max-width:1023px ) {
	.bannerPic img{width:auto;min-width:100%;height:700px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
	
}
*/