@charset "utf-8";

body{min-width: 1200px; width: 100%; font-family:"微软雅黑";}

/* banner */
.banner{width: 100%;height: 765px;position: relative;z-index: 9;}


#flashs{ position:relative; height:765px; overflow:hidden;}
#flashs .btn{position: absolute;bottom: 63px;left: 50%;margin-left: -82px;}
#flashs .btn span{display: block;width: 22px;height: 22px;background: url(../images/index/xiaodian.png) no-repeat center;float: left;margin-left: 25px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span.cur {background: url(../images/index/tuoyuanys.png) no-repeat center;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:40%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/index/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/index/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}





/*homeAbout*/
.homeabout_main{ float:left; width:100%; background: #fff; }
.homeabout{ padding: 6% 5% 3% 5%; overflow: hidden;}
.homeaboutleft{ float: left; width: 42.28%;}
.homeabouttitle{}
.homeabouttitle .abouteng{ color: #5f5f5f; font-size: 40px; line-height: 1.22; font-weight: bold;}
.homeabouttitle .abouteng .red{ color: #004a91;}
.homeabouttitle h2{ color:#5f5f5f; font-size:26px; line-height:1.88;}
.homeabouttitle .aboutline{ padding-top:3%; padding-bottom:4.05%; line-height:0;}
.homeabouttitle .aboutline span{ float:left; width:42px; height:3px; background-color:#004a91;}
.homeaboutslick .abtext{ height:206px; color:#767676; font-size:16px; padding-top:20px;line-height:36px; overflow:hidden;}
.homeaboutslick  .abbnt{ padding:5% 0 8.1% 0;}
.homeaboutslick .abbnt a{ float:left; padding:0 20px 0 26px; background-color:#004a91;transition: all .4s ease;}
.homeaboutslick .abbnt a:hover{transform: translateY(-4px);} 
.homeaboutslick .abbnt a b{ float:left; width:14px; height:14px; margin:12px 0 0 13px; line-height:0;}
.homeaboutslick .abbnt a b img{ width:14px; height:14px;}
.homeaboutslick .abbnt a span{ float:left; color:#fff; font-size:12px; line-height:39px; text-transform:uppercase;}
.homeaboutslick .abbnt a{ padding:0 20px 0 22px; }
.homeaboutslick .abbnt a b{ margin:10px 0 0 10px; }
.homeaboutslick .abbnt a span{ line-height:34px; }
.homeaboutright{ float:right; width:50%; line-height:0; position:relative; overflow:hidden;}
.homeaboutright img{display: block;width: 100%;transition: all 1s ease-out;}
.homeaboutright:hover img{transform: scale(1.1);}


















/* 业务范围 */
.business {  overflow: hidden; padding-top:70px; background: #f8f8f8; margin-left: auto;margin-right: auto;}
.business-tit { width: 100%;text-align: center;position: relative;padding-top: 24px; padding-bottom:70px;}
.business-tit .text{line-height: 1;position: absolute;width: 100%;text-align: center;font-family: "MB";color: #e6e6e6;text-transform: uppercase;left: 0;top: 0; font-size: 60px; font-weight:bold;}
.business-tit .title{line-height: 1;color: #333;position: relative;z-index: 5;font-size: 48px; padding-top:5px;}


.businesstit{
	background-color: #ffffff;
	overflow: hidden;
	height: auto;
	padding-top:50px;
	padding-bottom:50px;
}
.businesstit .h-about h2{
	display:block;
	text-align: center;
	position: relative;
	margin: 0;
	color: #111111;
	font-size: 40px;
	font-weight: normal;
}
.businesstit .h-about p{
	display:block;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}
.indexbusinesscon{
	background-color: #ffffff;
}
.indexbusinesscon a{
	width: 33.333%;
	float: left;
	height:400px;
	overflow: hidden;
    position: relative;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
	
}
.indexbusinesscon a:hover .overlay-con{
   opacity: 1;
   filter: alpha(opacity=1)
}
.indexbusinesscon a img{
	width: 100%;
	height:100%;
}
.indexbusinesscon .overlay-con{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(8,93,176,1);
   	/*background-color: rgba(0,0,0,0.8);*/
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-align: center;
    color: #fff;

}
.indexbusinesscon .overlay-con:after {
    content: "";
    width: 0%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(0);
}
.indexbusinesscon .overlay-con:hover:after {
    content: "";
    width: 90%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.indexbusinesscon .overlay-con:before {
    content: "";
    width: 0%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(0);
}
.indexbusinesscon .overlay-con:hover:before {
    content: "";
    width: 90%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.indexbusinesscon span.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display:inline-block;
}
.indexbusinesscon span.inner:after {
    content: "";
    width: 1px;
    height: 0%;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
	display:block;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleY(0);
}
.indexbusinesscon span.inner:hover:after {
    content: "";
    width: 1px;
    height: 85.2%;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.indexbusinesscon span.inner:before {
    content: "";
    width: 1px;
    height: 0%;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
	display:block;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleY(0);
}
.indexbusinesscon span.inner:hover:before {
    content: "";
    width: 1px;
    height: 85.2%;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.indexbusinesscon .overlay-con:before {
    content: "";
    width: 0%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(0);
}
.indexbusinesscon .overlay-con:hover:before {
    content: "";
    width: 90%;
    height: 1px;
	margin:5% 5% 5% 5%;
	background:#ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease 0s;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.indexbusinesscon .overlay-con h2{
	font-weight: normal;
	font-size: 36px;
	font-weight:bold;
	position: relative;
	top: 40%;

}
.indexbusinesscon .overlay-con p{
  font-size: 1.166em;
}















/* 服务优势 */
.serviceindex{width: 100%; height:860px;position: relative;overflow: hidden;background: #d5e4f4;}
.serviceindex .contain{position: relative;z-index: 4; }

.serviceindex .indTitle{ margin-top:80px; margin-bottom:80px;}
.serviceindex .indTitle .text{opacity: 0.3;color: #fff;line-height: 1;position: absolute;width: 100%;text-align: center;font-family: "MB";text-transform: uppercase;left: 0;top: 0; font-size: 130px; font-weight:bold;}
.serviceindex .indTitle .title{line-height: 1;color: #333;position: relative;text-align: center;z-index: 5;font-size: 48px; padding-top:60px; font-weight:bold;}


.serviceindex-list{width: 100%; margin-top:20px;}
.serviceindex-list ul{ margin-left:2%;}
.serviceindex-list li{width:22%; height:500px; margin-left:1%; margin-right:1%;background: #0056b8;text-align: center;color: #fff;transition: all .4s ease; float:left;}
.serviceindex-list li a{display: block;}
.serviceindex-list li .icon{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;margin: 50px auto 30px;transition: all .4s ease;}
.serviceindex-list li .icon img{width: 90px;height:90px;}
.serviceindex-list li .title{line-height: 1.1;color:#fff; font-size:28px; line-height:66px; font-weight:bold; }
.serviceindex-list li .text{width: 100%; color:#fff; font-size:16px;line-height:36px;}
.serviceindex-list li:hover{box-shadow: 0 4px 16px 2px rgba(0, 86, 184, 0.3);transform: translateY(-4px);}
.serviceindex-list li:hover .icon{transform: translateY(-6px);}
.serviceindex-bird{width: 1790px;position: absolute;top: 20px;left: 50%;margin-left: -895px;animation: serviceindexBirdRun 10s linear infinite;}
.serviceindex-bird img{width: 100%;object-fit: cover;}



/* 工程案例 */
.case{padding: 0 2%;background: #fff; padding-top:50px;}
.case-title{ text-align: center;  }
.case-title h2 { position: relative;  color: #212121;font-size: 40px; font-weight:530;}
.case-title h2 span { position: relative; z-index: 2;}
.case-title h2 a {font-size: 36px; color: #212121;}
.case-title p {  padding-top:30px;font-size: 18px; color: #212121;}
.case-nav dl{text-align: center;margin-top: 48px;}
.case-nav dl dd{display: inline-block;*display: inline-block;*zoom: 1;margin-left: 16px;}
.case-nav dl dd:first-child{margin-left: 0;}
.case-nav dl dd:first-child a{background: none;}
.case-nav dl dd a{display: block;padding-left: 40px;background: url(../images/index/indexcase_titbg.png) no-repeat left;line-height: 20px;}
.case-nav dl dd a:hover{color: #ff6600;}
.case-ul{margin-top: 26px;width: 100%;overflow: hidden;}
.case-ul ul{width: 100%;}
.case-ul ul li{width: 24.4%;float: left;margin:0 .3%;text-align: center;padding-bottom: 55px;}
.case-ul ul li a{display: block;width: 100%;overflow: hidden;}
.case-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.case-ul ul li:hover a img{transform: scale(1.1);}
.case-ul ul li p{font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 24px;}
.case-ul ul li p a{font-size: 18px;color: #333;}
.case-ul ul li span{font-size: 16px;color: #666;/* display: block; */line-height: 25px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 47px;}
.case-ul ul li span:first-child{margin-top: 20px;}




/* 新闻中心 */
.news{ margin:auto;padding-top:50px;}
.news-title{ text-align: center;  }
.news-title h2 { position: relative;  color: #212121;font-size: 40px; font-weight:530;}
.news-title h2 span { position: relative; z-index: 2;}
.news-title h2 a {font-size: 36px; color: #212121;}
.news-title p {  padding-top:30px;font-size: 18px; color: #212121;}
.news-box{margin-top: 60px;}
.news-left{width: 45%;float: left;margin-left: 5%;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 92px;width: 100%; height:120px;}
.news-left ul li a{display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 210px;display: block;transition: all 1s ease-out; border: 1px solid #e2e1e1; overflow: hidden;}
.news-left ul li:hover a img{transform: scale(1.1);width: 210px;}
.news-left ul li h3{float: left;width:55%;line-height: 40px; margin-bottom:10px;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{width: 39%;display: block;font-size: 13px;color: #999;  }
.news-left ul li p{float: left;width: 70%;margin-top: 23px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;}
.news-left ul li a:hover{color: #ff6600;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;background: url(Img/Index/youjt.png) no-repeat center;margin-top: 28px;}
.news-left ul li:hover a.a01{margin-left: 5px;}


.news-right{width: 45%;float: right;}
.news-right ul{width: 100%;}
.news-right ul li{margin-bottom: 30px;}
.news-right ul li a:hover{color: #ff6600;}
.news-right ul li span{display: block;width: 122px;height: 75px;border: 1px solid #e2e1e1;text-align: center;padding-top: 20px;float: left;margin-right: 20px;}
.news-right ul li span i{display: block;font-size: 35px;color: #666; margin-top:21px;}
.news-right ul li span>p{font-size: 14px;color: #666; margin-top:25px;}
.news-right ul li h3{width: 73%;overflow: hidden;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 26px;}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 15px; height: 50px;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{background: #000;}
.news-right ul li:hover span i{color: #fff;}
.news-right ul li:hover span p{color: #fff;}



/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}