.Header{ width: 100%; height: 91px; background-color: #fff; }
.Head{height: 91px; margin: 0 auto; width: 1180px;}
.Head-logo{ width: 260px; height: 91px; background: url(../images/logo.png) no-repeat center center; float: left; display: block; }
.Head-say{ width: 205px; height: 30px; margin: 48px 5px 13px 5px; border-left: 1px solid #e46613; float: left; }
.Head-say a{ line-height: 30px; font-size: 12px; color: #525253; margin: 0 0 0 10px; float: left; display: block; }
.Head-say a:hover{ color: #e46613; }
.Head-ray{ width: 644px; height: 91px; float: right; }
.Head-phone{height: 33px; margin: 15px 0 0 0; padding: 0 20px 0 45px; background: url(../images/phone.png) no-repeat left center;  float: right; }
.Head-phone h1{ line-height: 33px; font-size: 14px; font-weight: bold; color: #010203; float: left; display: block; }
.Head-phone h2{ line-height: 33px; font-size: 14px; font-weight: bold; color: #e46613; float: left; display: block; }
.Head-menu{ width: 644px; height: 43px; float: right; }
.Head-menu ul li{ height: 43px; margin: 0 18px; float: left; }
.Head-menu ul li a{ padding: 0 5px; line-height: 40px; font-size: 14px; color: #2f2f2f; border-bottom: 3px solid #fff; display: block; }
.Head-menu ul li a:hover,
.Head-menu ul li a.on{ border-color:   #e46613;    font-weight: bold; }

.Banner{ position: relative; top: 0; left: 50%; z-index: 0; width: 1920px; height: 554px; margin-left: -960px; }
.Banner .hd{ position: absolute; left: 50%; bottom: 25px; z-index: 1; width: 180px; height: 8px; margin-left: -90px; }
.Banner .hd ul li{ width: 54px; height: 8px; font-size: 0; margin: 0 3px; background-color: #848999; cursor: pointer; float: left; }
.Banner .hd ul li.on{ background-color: #de5b20; } 
.Banner .bd{ position: relative; z-index: 0; height: 100%; }
.Banner .bd li{ zoom: 1; vertical-align: middle; }
.Banner .bd img{ width: 100%; display: block;  }
.Banner .prev,
.Banner .next{ position: absolute; top: 50%; left: 12%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) no-repeat -110px 5px; filter: alpha(opacity=50); opacity: 0.5; }
.Banner .next{ left: auto; right: 12%; background-position: 8px 5px; }
.Banner .prev:hover,
.Banner .next:hover{ filter: alpha(opacity=100); opacity: 1; }

.middle{  }
.service{ position: relative; top: 0; left: 50%; z-index: 0; width: 1920px; height: 544px; margin-left: -960px; background: url(../images/servicebg.jpg) no-repeat center top; }
.title{ width: 100%;text-align: center; padding: 35px 0 0 0; margin: 0 auto; }
.title span{ height: 46px; line-height: 46px; font-size: 28px; color: #575757; display: block; }
.title p{ position: relative; z-index: 1; height: 32px; line-height: 32px; font-family: Arial; font-size: 14px; font-weight: bold; color: #de5b20; text-transform: uppercase; display: flex;justify-content: center;align-items: center; }
.title p font{ color: #868787; display: inline-block; }
.title p:before,
.title p:after{width: 160px; height: 32px; content: ""; margin: 0 16px;}
.title p:before{ left: 0; background: url(../images/titlesay.png) no-repeat left center; }
.title p:after{ right: 0; background: url(../images/titleray.png) no-repeat right center; }
.services{padding: 30px  0 0 0; }
.services ul{margin: -10px; }
.services ul li{padding: 10px;}
.services ul li .imgB{position: relative;overflow: hidden;}
.services ul li img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.services ul li:hover img{transform: scale(1.1);}
.services ul li a{
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	z-index: 1;
	width: 100px;
	height: 100px;
	background-color: rgba(228, 102, 19, 0.86);
	border-radius: 50%;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}
.services ul li:hover a{opacity: 1;}
.services ul li p {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #514f4f;
  margin: 0 auto;
  display: block;
}
.services ul li:hover p {
  color: #e46613;
}


.cases ul{margin: -10px;margin-top: 30px;}
.cases ul li{padding: 10px;}
.cases ul li .imgB{position: relative;overflow: hidden;}
.cases ul li img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.cases ul li:hover img{transform: scale(1.1);}
.cases ul li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.59); opacity: 0; display: flex;justify-content: center;align-items: center; }
.cases ul li a p{line-height: 30px; text-align: center; font-size: 14px; color: #fff; display: block; }
.cases ul li:hover a{ opacity: 1; }
.down{ width: 55px; height: 55px; margin: 0 auto; background: url(../images/down.png) no-repeat;margin: 40px auto; }

.choose{ position: relative;z-index: 0; width: 100%; height: 503px; padding: 30px 0 0 0; background: url(../images/choosebg.jpg) no-repeat center top; }
.choose .nrBox{position: relative;}
.choose .swiper{margin: 30px auto 0;}
.choose .imgB{width: 200px; height: 200px;display: flex;justify-content: center;align-items: center;border: 5px solid #b0b0b0;border-radius: 50%;margin: 0 auto;overflow: hidden;position: relative;}
.choose .imgB img{ width: auto; height: auto;display: block;transition: all 0.3s;}
.choose .imgB .dazi{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,0.2);}
.choose .imgB p{font-size: 24px; color: #ffffff;}
.choose .swiper-slide:hover .imgB{border-color: #e46613;}
.choose .swiper-slide:hover .imgB img{transform: scale(1.1);}
.choose .swiper-slide:hover .imgB .dazi{background: none;}
.choose .tit{font-size: 14px;color: #b0b0b0;text-align: center;width: 100%;margin: 16px auto 0;}
.choose .swiper-slide:hover .tit{ color: #e46613; }
.choose .swiper-button-prev{left: -16px;}
.choose .swiper-button-next{right: -16px;}
.choose .swiper-button-next::after,
.choose .swiper-button-prev::after{font-size: 40px;color: #ffffff;}


.new{padding: 65px 0; margin: 0 auto; }
.news{ width: 50%;float: left; }
.newstitle{ height: 66px; }
.newstitle span{ line-height: 66px; text-align: center; font-size: 28px; color: #575757; display: block; }
.newss{ width: 100%;padding: 28px 0; }
.newss ul li{ width: calc(50% - 15px);margin: 7.5px; float: left; }
.newss ul li a{ width: 100%;border: 1px solid #e9e9e9; display: block; }
.newss ul li a img{ width: 100%;display: block; }
.newss ul li a h1{ height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #575757; display: block; padding: 0 8px;}
.newss ul li a span{ padding: 15px 12px; height: 20px; font-family: Arial;}
.newss ul li a span i{ padding: 0 0 0 20px; line-height: 20px; font-style: normal; font-size: 12px; color: #b0b0b0; background: url(../images/newss.png) no-repeat left 3px;display: block; }
.newss ul li a span em{ width: 64px; height: 18px; text-align: center; line-height: 18px; font-style: normal; font-size: 12px; color: #b0b0b0; text-transform: uppercase; border: 1px solid #c0bebe;  display: block; }
.newss ul li a:hover{ border-color: #e46613; }
.newss ul li a:hover h1{ color: #e46613; }
.newss ul li a:hover span i{ background: url(../images/newsss.png) no-repeat left 3px; color: #e46613; }
.newss ul li a:hover span em{ border-color: #e46613; color: #e46613; }
.newsi{ width: 100%; height: 338px; padding: 28px 0; margin: 0 auto; }
.newsi ul li{ padding: 14px 0; border-bottom: 1px solid #f3f3f3; }
.newsi ul li:first-child{ padding-top: 0; }
.newsi ul li a{ display: block; }
.newsi ul li a span{ width: 75px; height: 80px; padding: 4px 0; font-family: Arial; text-align: center; float: left; display: block; }
.newsi ul li a span i{ height: 60px; line-height: 60px; font-style: normal; font-size: 60px; color: #868787; display: block; }
.newsi ul li a span em{ height: 20px; line-height: 20px; font-style: normal; font-size: 14px; color: #868787; display: block; }
.newsi ul li a h1{ width: calc(100% - 80px); height: 40px; line-height: 40px; font-size: 18px; color: #e46613; float: right; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsi ul li a p{ width: calc(100% - 80px); height: 48px; line-height: 24px; font-size: 14px; color: #868787; float: right; display: block; overflow: hidden; }
.newsi ul li a:hover span i{ color: #e46613; }
.newsi ul li a:hover span em{ color: #e46613; }
.newsi ul li a:hover p{ color: #e46613; }

.partner{ padding: 0 0 55px 0; background-color: #f5f5f5; } 
.partner-title{ height: 114px; text-align: center; }
.partner-title span{ line-height: 114px; font-size: 28px; color: #575757; display: block; }
.partners{overflow: hidden; }
.partners ul li{ width: 12.5%; float: left;  }
.partners ul li a{ border: 1px solid #f5f5f5; background-color: #fff; display: block;overflow: hidden; }
.partners ul li a:hover{ border-color: #e46613; }
.partners ul li a img{ width: 100%;  display: block; 
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari å’?Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease; 
}
.partners ul li a:hover img{ 
    transform: scale(1.15, 1.15);
	-ms-transform:scale(1.15, 1.15); 	/* IE 9 */
	-moz-transform:scale(1.15, 1.15); 	/* Firefox */
	-webkit-transform:scale(1.15, 1.15); /* Safari å’?Chrome */
	-o-transform:scale(1.15, 1.15); 	/* Opera */ 
}
.Footer{ background-color: #162243; }
.Foot-nav{ height: 45px; text-align: center;  background-color: #cacaca; }
.Foot-nav a{ padding: 0 40px; line-height: 45px; font-size: 12px; color: #3d3c3b; display: inline-block; }
.Foot-nav a:hover{ color: #e46613; }
.Foot-botter{padding: 32px 0; background-color: #fff; }
.Foot-botter-m{ width: 1180px; height: 151px; margin: 0 auto; }
.Foot-menu{float: left; }
.Foot-menu ul li{ width: 20%; float: left; }
.Foot-menu ul li h1{ padding: 0 0 0 30px; height: 48px; line-height: 48px; font-size: 14px; color: #525253; display: block; }
.Foot-menu ul li a{ padding: 0 0 0 30px; height: 22px; line-height: 22px; font-size: 12px; color: #525253; display: block; }
.Foot-menu ul li a:hover{ color: #e46613; }
.Foot-map{float: left; }
.Foot-map .ewm{ width: 295px; height: 136px; padding: 7.5px 0 0 0; float: left; }
.Foot-map .ewm span{ width: 150px; height: 136px; float: left; display: block; }
.Foot-map .ewm span img{ width: 136px; height: 136px; margin: 0 auto; display: block; }
.Foot-map .ewm p{ width: 145px; height: 54px; padding: 41px 0; line-height: 18px; text-align: center; font-size: 12px; color: #b0b0b0; float: left; display: block; }
.Foot-map .map{ width: 295px; height: 120px; padding: 15.5px 0 0 0; float: left; }
.Foot-map .map p{ line-height: 30px; font-size: 14px; color: #b0b0b0; display: block; }
.copyright{ padding: 15px 0; text-align: center; }
.copyright span{ line-height: 30px; display: block; }
.copyright span h1{ font-size: 14px; color: #fff; display: inline-block; }
.copyright span p{display: inline-block;}
.copyright span a{ height: 14px; line-height: 14px; margin: 8px 0; padding: 0 10px; font-size: 12px; color: #fff; border-right: 1px solid #fff; display: inline-block; }
.copyright span a:last-child{ border: none; }
.copyright span a:hover{ color: #e46613; }
.copyright p{ height: 30px; line-height: 30px; font-size: 12px; color: #9d9b9b; display: block; }