﻿.banner .item .p1{ position: absolute; left: 0;top: 50%; margin-top: -150px; text-align: center; width: 100%; color: #fff; line-height: 70px; font-size: 60px; font-weight: bold;}
.banner .item .p2{ position: absolute; left: 0;top: 50%; margin-top: 15px; text-align: center; width: 100%; color: #f7f7f7; line-height: 30px; font-size: 18px;}
.banner .item .p1{ transition: 0.5s;-webkit-transition: 0.8s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; opacity: 0;-webkit-opacity: 0; transform: translate(-800px,0);-webkit-transform: translate(-800px,0);}
.banner .item .p2{ transition: 0.5s;-webkit-transition: 0.8s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;opacity: 0;-webkit-opacity: 0; transform: translate(800px,0);-webkit-transform: translate(800px,0);}
.banner .owl-item.active .item .p1,.banner .owl-item.active .item .p2{transform: translate(0,0);-webkit-transform: translate(0,0);opacity: 1;-webkit-opacity: 1;}
.banner .owl-pagination .active{ background: #DA251C;}
.banner .owl-page{ width: 14px; height: 14px; border-radius: 7px;}
.banner .owl-pagination{ bottom: 20px;}
body.currte{animation: 1s bodydh both;-webkit-animation: 1s bodydh both;}
@-webkit-keyframes bodydh{
	from{transform: translate(0,100vh);}
	to{transform: translate(0,0);}
}
@keyframes bodydh{
	from{transform: translate(0,100vh);}
	to{transform: translate(0,0);}
}
.publicTit{ width: 1280px; margin: auto auto; padding-top: 45px;text-align: center;}
.publicTit h1{line-height: 70px; color: #da251c; font-size: 48px; font-weight: bold; }
.publicTit >div{height: 28px; color: #b9b9b9; font-size: 24px; font-family: arial; text-align: center; background: url(/images/line.jpg) no-repeat left center;}
.publicTit >div span{text-transform: uppercase; display: inline-block; background: #fff; padding: 0 15px;}
.publicTit >p{ font-size: 14px;}
.videoAbout .video{ position: relative; cursor: pointer;}
.videoAbout .video video, .videoAbout .video embed{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: #000;z-index: 7;}
.videoAbout .video .scaleImg{ position: relative;z-index: 2;}
.videoAbout .video .open{position: absolute; left: 50%;margin-left: -28px;top: 50%;margin-top: -28px;z-index: 3;background: url(/images/open.png) no-repeat;background-size: cover; width: 56px; height: 56px;}
.videoAbout{ margin-top: 40px;}
.videoAbout .fr{ width: 640px;}
.videoAbout .fl{ width: 590px;}
.videoAbout .fl h3 span{line-height: 52px; padding: 0 10px; display: inline-block;*display:inline; *zoom:1;font-size: 24px; font-weight: bold; color: #fff; background: #0093dd;}
.videoAbout .fl .contact{margin-top: 35px; margin-bottom: 20px; height: 270px; overflow: hidden; color: #666; font-size: 15px; line-height: 30px;}
.videoAbout .look{ color: #2ea4ff; font-size: 14px;}
.videoAbout .look span{ font-family: "宋体";padding-left: 5px;}
.videoAbout .look:hover{ color: #da251c; }

.aboutUs { overflow: hidden;}
.aboutusUL li{ float: left; width: 165px; text-align: center; margin-right: 185px;}
.aboutusUL li.li_4{ margin-right: 0;}
.aboutusUL li a{ display: block; color: #666; font-size: 18px;}
.aboutusUL li a:hover{ color: #D9251C;}
.aboutusUL{ padding: 50px 30px 70px 30px;}
.aboutusUL li .pic{position: relative; width: 165px; height: 165px; transition: 0.5s;-webkit-transition: 0.5s; margin-bottom: 6px;}
.aboutusUL li .pic span{ position: absolute; left: 50%; top: 50%; width: 0;height: 0;border: 2px dotted transparent; border-radius: 50%;transition: 0.5s;-webkit-transition: 0.5s; }
.aboutusUL li:hover .pic span{ margin-left: -91px; margin-top: -90px; width: 180px; height: 180px;border: 1px dashed #D9251C;box-shadow: 0 0 20px -5px #D9251C inset;animation: float2 linear 10s infinite;-webkit-animation: float2 linear 10s infinite;}
.aboutusUL li:hover .pic{ transform: translate(0,-15px);-webkit-transform: translate(0,-15px);}
.aboutusUL li.li_1 .pic{ background: url(../images/ab1.png) no-repeat center;}
.aboutusUL li.li_1:hover .pic{ background: url(../images/ab1_.png) no-repeat center;}
.aboutusUL li.li_2 .pic{ background: url(../images/ab2.png) no-repeat center;}
.aboutusUL li.li_2:hover .pic{ background: url(../images/ab2_.png) no-repeat center;}
.aboutusUL li.li_3 .pic{ background: url(../images/ab3.png) no-repeat center;}
.aboutusUL li.li_3:hover .pic{ background: url(../images/ab3_.png) no-repeat center;}
.aboutusUL li.li_4 .pic{ background: url(../images/ab4.png) no-repeat center;}
.aboutusUL li.li_4:hover .pic{ background: url(../images/ab4_.png) no-repeat center;}
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}}

.projectGood{ background: url(../images/bigbg.jpg) no-repeat center; background-size: cover !important; padding-bottom: 90px;}
.projectDL { margin-left: -3%;overflow: hidden;}
.projectDL dd{transition: 0.1s;-webkit-transition: 0.1s; float: left; width: 47%; margin-left: 3%; margin-top: 3%; }
.projectDL dd .scaleImg img{ height: 380px;}
.projectDL dd a{background: #fff;  display: block; position: relative;height: 630px;overflow: hidden;}
.projectDL .contat{ padding: 25px 20px 0 20px; font-size: 14px;color: #666; line-height: 24px; height: 134px;overflow: hidden;}
.projectDL dd .more{ position: absolute; left: 20px; bottom: 10px; color: #2ea4ff; font-size: 12px;font-weight: bold; padding-right: 45px; background: url(../images/jiantou.png) no-repeat right center;}
.projectDL .contat h2{ font-size: 24px;font-weight: bold; color: #333;padding-bottom: 14px;}
.projectDL dd:hover{box-shadow: 0 0 40px -5px #bbb; }
.projectDL dd:hover .more{ color: #D9251C;background: url(../images/jiantou2.png) no-repeat right center; animation: padding2 2s infinite linear;-webkit-animation: padding2 2s infinite linear;}
.projectDL dd a:before{ position: absolute; left: 0;bottom: 0;height: 2px;width: 0;content: '';background: #D9251C;transition: 0.3s;-webkit-transition: 0.3s;}
.projectDL dd a:hover:before{ width: 100%;}
@keyframes padding2{0%{padding-right: 60px;}50%{padding-right: 35px;}100%{padding-right: 60px;}}
@-webkit-keyframes padding2{0%{padding-right: 60px;}50%{padding-right: 35px;}100%{padding-right: 60px;}}

.newsFLoat .fl{ width: 640px;}
.newsFLoat .fl .item .tit{ position: absolute; left: 0; bottom: 0;font-weight:bold;line-height: 50px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 50px; color: #fff; padding: 0 15% 0 5%; width: 80%; background: url(../images/rp.png) repeat;transition: 0.4s;-webkit-transition: 0.4s;}
.newsFLoat .fl .item:hover .tit{ background: url(../images/rp2.png) repeat;}
.newsFLoat .fl .item a{ display: block; overflow: hidden;}
.newsFLoat .owl-pagination{ text-align: right;}
.newsFLoat .owl-pagination .owl-page{ background: #7c7768; border-radius: 0; width: 6px; height: 6px; margin: 0 2px;}
.newsFLoat .owl-pagination .owl-page.active{ background: #fff; border-radius: 0;}
.newsFLoat .owl-pagination{bottom: 16px; left: auto; width: auto; white-space: nowrap; right: 15px;}
.newsFLoat .item .bannerimg{ height: 406px; transition: 0.6s;-webkit-transition: 0.6s;transform: scale(1.1);-webkit-transform: scale(1.1);}
.newsFLoat .item:hover .bannerimg{ transform: scale(1);-webkit-transform: scale(1);}
.newsFLoat .fr{ width: 604px;}
.newsFLoat { height: 406px; margin-bottom: 75px; margin-top: 40px;}
.newsTit a{margin-right: 10px; display: block; float: left; width: 116px;text-align: center;line-height: 35px;border: 3px solid #c8c8c8;}
.newsTit a.on,.newsTit a:hover{ border-color: #0093dd; color: #0093dd;}
.newsTit{ padding-bottom: 20px;margin-bottom:20px;border-bottom: 1px solid #ececec;}
.newsUL ul li{ position: relative; padding-left: 105px; height: 82px;margin-bottom: 39px; transition: 0.4s;-webkit-transition: 0.4s;}
.newsUL ul li .date{position: absolute;font-size: 14px; color: #888; left: 0;top: 0;width: 86px;text-align: center; font-family: arial;transition: 0.4s;-webkit-transition: 0.4s;transform-origin: left;-webkit-transform-origin: left;}
.newsUL ul li .date em{position: absolute; left: 0;top: 0;height: 80px; width:84px;border: 1px solid #c8c8c8; transition: 0.4s;-webkit-transition: 0.4s;}
.newsUL ul li .date p{ color: #333;font-size: 48px; line-height: 50px; padding-top: 4px;}
.newsUL ul li a{ display: block;}
.newsUL ul li a h3{ font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-bottom: 16px;}
.newsUL ul li a p{ font-size: 14px; color: #666; line-height: 22px;height: 44px;overflow: hidden;}
.newsUL ul li:hover .date em{ transform: rotate(45deg);-webkit-transform: rotate(45deg); border-color: #da251c;}
/*.newsUL ul li:hover{ padding-left: 120px;}*/
.newsUL ul li:hover .date{color: #da251c;/*transform:perspective(400px) rotateY(30deg) translate(0px,0);-webkit-transform:perspective(400px) rotateY(30deg) translate(0px,0);*/}
.newsUL ul li:hover .date p{color: #da251c;}
.newsUL ul li a h3:hover{ color: #da251c; text-decoration: underline;}
.newsUL ul{ display: none;}
.newsUL ul.on{ display: block;}
.lookMore{font-size: 14px; font-weight: bold; display: block; width: 185px;line-height: 40px;height:40px;border: 2px solid #2ea4ff;border-radius: 22px; color: #2ea4ff; text-align: center; margin: auto auto;}
.lookMore span{ display:block; margin: auto;text-align: left; width: 95px;background: url(../images/jiantou.png) no-repeat right center;}
.lookMore:hover span{background: url(../images/jiantou2.png) no-repeat right center;}
.lookMore:hover{ border-color: #D9251C;color: #D9251C;}
.newsCenter { padding-bottom: 60px; overflow: hidden;}
.indexFooter{ display: block; padding-top: 88px;}


/*动画*/
.aboutusUL li,.projectDL dd{ transition:1s;-webkit-transition: 1s;opacity: 0;-webkit-opacity: 0;}
.videoAbout .fr,.videoAbout .fl,.newsFLoat .fl,.newsUL ul li,.newsTit,.indexFooter ul li,.publicTit,.footerAdd>div{ transition:0.8s;-webkit-transition: 0.8s;opacity: 0;-webkit-opacity: 0;}
.videoAbout .fl,.newsFLoat .fl{ transform: translate(-400px,0);-webkit-transform: translate(-400px,0);}
.newsTit{ transform: translate(300px,0);-webkit-transform: translate(300px,0);}
.publicTit,.footerAdd>div{ transform: scale(0,1);-webkit-transform: scale(0,1);}
.newsUL ul li{ transform: translate(0,100px);-webkit-transform: translate(0,100px);}
.indexFooter ul li{ transform: translate(0,-100px);-webkit-transform: translate(0,-100px);}
.aboutusUL li:nth-child(2),.projectDL dd:nth-child(2),.newsUL ul li:nth-child(1),.indexFooter ul li:nth-child(2){ transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.aboutusUL li:nth-child(3),.projectDL dd:nth-child(3),.newsUL ul li:nth-child(2),.indexFooter ul li:nth-child(3){ transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.aboutusUL li:nth-child(4),.projectDL dd:nth-child(4),.newsUL ul li:nth-child(3),.indexFooter ul li:nth-child(4){ transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
.videoAbout.on .fr,.videoAbout.on .fl,.aboutusUL.on li,.newsFLoat.on .fl,.newsFLoat.on .newsUL ul li,.newsFLoat.on .newsTit,.indexFooter.on ul li{ opacity: 1;-webkit-opacity: 1; transform: translate(0,0);-webkit-transform: translate(0,0);}
.publicTit.on,.footerAdd.on>div{ transform: scale(1,1);-webkit-transform: scale(1,1);opacity: 1;-webkit-opacity: 1;}
.aboutusUL li{ transform: translate(0,100px) rotateY(180deg);-webkit-transform: translate(0,100px) rotateY(180deg);}
.aboutusUL.on li{ opacity: 1;-webkit-opacity: 1; transform: translate(0,0) rotateY(0deg);-webkit-transform: translate(0,0) rotateY(0deg);}
.projectDL dd{transition: 1.5s;-webkit-transition: 1.5s;}
.projectDL dd:nth-child(odd){ -webkit-transform:rotateY(-0deg) translate(-500px,0);transform:rotateY(-0deg) translate(-500px,0);}
.projectDL dd:nth-child(even){ -webkit-transform:rotateY(0deg) translate(500px,0);transform:rotateY(0deg) translate(500px,0);}
.projectDL.on dd:nth-child(odd),.projectDL.on dd:nth-child(even){ -webkit-transform:rotateY(0deg) translate(0px,0);transform:rotateY(0deg) translate(0px,0);opacity: 1;-webkit-opacity: 1;}

.indexFooter{ display: block;*display: block;*visibility: visible;*height: auto;}

@media only screen and (max-width: 1400px) {
	.banner .item .p1{ font-size: 50px;line-height: 60px;}
}



.newsFLoat .fl{ position: relative; height: 406px;}
.newsFLoat .fl .xinwen{display: none;}
.newsFLoat .fl .xinwen.on{ z-index: 5;display: block;}




























