@charset "utf-8";
body{
	background:#F7F8FA;
}
input{
	outline:none;
}
.display_block{
	display:block;
}
.flex-wrap{
	flex-wrap:wrap;
}
/*nav*/
.nav{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:rgba(0,0,0,.5);
	transition:all 0.5s;
}
.header{
	padding:0 3%;
}
.logo img{
	height:40px;
}
.nav.scroll{
	/* background: #fff; */
	/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
}
.nav.scroll #menu li .first{
	/* color:#fff; */
}
#menu li.active .first{
	color:#E15613;
}
/*内页顶部*/
.nav.pagehead {
	height:68px;
	position:static;
}
.nav.pagehead .header{
	background:#2E2E2E;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}



@keyframes scal {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(1.1,1.1);
  }
}
@-webkit-keyframes scal {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(1.1,1.1);
  }
}
.container{
	width:92%;
	max-width:1500px;
	margin:auto;
}

.black_bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:rgba(0,0,0,.2);
}
.banner{
	position:relative;
}
.banner img{
	display:block;
}
.banner .swiper-container .swiper-slide{
	height:100vh;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}


.banner .swiper-container .swiper-pagination {
	bottom:30px;
}
.banner .swiper-container .swiper-pagination-bullet{
	width:12px;
	height:12px;
	background:none;
	opacity:1;
	border:1px solid #fff;
	margin:0 6px !important;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#fff;
}
.banner .swiper-button-next,
.banner .swiper-button-prev{
	--swiper-navigation-size:30px;
	color:#E15613;
	opacity:0;
	transition:all 0.5s;
}
.banner .swiper-button-prev{
	left:8%;
}
.banner .swiper-button-next{
	right:8%;
}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev{
	opacity:1;
}

.head_r .searchbox{
	position:relative;
	z-index:99;
	margin-left:30px;
}

.head_r .search_cont{
	border:none;
	font-size:13px;
	color:#333;
	width:0;
	height:36px;
	line-height:36px;
	border-radius:2em;
	background:#fff;
	transition:all 0.5s;
}
.head_r .search_cont:focus,
.head_r .search_cont:hover{
	border:none;
}
.head_r .search_btn{
	position:absolute;
	border:none;
	width:30px;
	height:36px;
	right:0;
	z-index:1;
	top:calc(50%);
	transform:translateY(-50%);
	background:url(../images/search_btn.png) no-repeat center left / 20px;
}
.head_r .searchbox:hover .search_cont{
	opacity:1;
	width:170px;
	padding-left:10px;
}



.listpage {
	margin: 30px auto;
	text-align: center;
}
#pages{
	display:flex;
	justify-content:center;
}
.listpage a {
	display: inline-block;
	padding:6px 15px;
	background-color: #fff;
	color: #999;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 6px;
}
.listpage a:hover {
	background: #E15613;
	color: #fff;
	transition: all 0.2s ease 0s;
}

.listpage span {
	display: inline-block;
	padding:6px 15px;
	background: #E15613;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 6px;
}


/*分页*/
.fenye{
	font-size: 14px;
}
.fenye .left,
.fenye .right{
	width:49.5%;
	line-height:50px;
	background: #fff;
	transition:all 0.5s;
}
.fenye .left p,
.fenye .right p{
	width:15%;
	text-align:center;
	float:left;
}
.fenye .left a,
.fenye .right a{
	width:85%;
	text-align:left;
	color:#000;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fenye .left:hover a,
.fenye .left:hover p,
.fenye .right:hover a,
.fenye .right:hover p{
	color:#fff;
}
.fenye .left:hover ,
.fenye .right:hover {
	background:#E15613;
}


.page_nav {
	padding:30px 0;
	background:#fff;
}
.page_nav a{
	display:inline-block;
	color:#666;
	font-size:14px;
	padding:8px 20px;
	margin-right:10px;
	border-radius:6px;
}
.page_nav a.on,.page_nav a:hover{
	background-color:#E15613;
	color:#fff;
}


#map{
	width:100%;
	height:500px;
	border-radius:10px;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.index_img{
	width:100%;
	height:100vh;
}


.footer{
	padding:40px 0;
	background:#191919;
}

.footer .copyright,
.footer .copyright a{
	font-size:14px;
	color:#666;
	line-height:1.7;
	text-align:right;
}


/*关于我们*/
.about_img{
	padding:90px 0 50px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center top;
}
.about{
	margin-top:60px;
}
.about .about_jj{
	color:#fff;
	background:#EE792C;
	font-size:16px;
	line-height:1.6;
	padding:40px;
	letter-spacing:2px;
}
.about .about_img{
	padding:40px;
	background:#fff;
}
.about .about_img img{
	width:100%;
	height:auto;
	display:block;
}

/*联系我们*/
.contact{
	padding:40px;
	margin-top:60px;
	background:#fff;
}
.contact .catname{
	font-size:30px;
	text-align:center;
	padding-bottom:20px;
	position:relative;
	color:#333;
	letter-spacing:2px;
}
.contact .catname::after{
	position:absolute;
	content:'';
	width:50px;
	height:4px;
	background:#ED782B;
	bottom:0;
	left:calc(50% - 25px);
}
.contact .ditu img{
	max-width:100%;
	margin:auto;
	display:block;
}
.contact .content{
	font-size:18px;
	color:#333;
	line-height:1.8;
	letter-spacing:1px;
	margin:30px 0;
}


/*搜索*/
.search_results{
	margin-top:20px;
}
.result_tips{
	text-align:center;
	margin:20px 0;
	font-size:16px;
	color:#666;
	width:100%;
}

.results_list .item{
	width:48%;
	padding:15px 20px;
	margin:0 4% 0 0;
	transition:all 0.5s;
	border-bottom:1px solid #e5e5e5;
}
.results_list .item:nth-child(2n){
	margin-right:0;
}
.results_list .item .img{
	width:150px;
	height:120px;
	overflow:hidden;
}
.results_list .item .img img{
	width:100%;
}
.results_list .item .right{
	width:calc(100% - 150px);
	padding-left:20px;
}
.results_list .item .right .bt{
	font-size:20px;
	margin-bottom:10px;
	color:#000;
}
.results_list .item .right .date{
	color:#999;
	font-size:14px;
	padding-left:20px;
	background:url(../images/dateicon.png) no-repeat center left / auto 16px;
}
.results_list .item:hover .bt{
	color:#E15613;
}
/* .results_list .item:hover{ */
	/* box-shadow:0 4px 10px rgba(0,0,0,.2); */
/* } */


.details img{
	max-width:100%;
	height:auto;
}


/*案例*/
.case{
	margin:50px auto;
}
.case .item{
	width:calc(96% / 3);
	margin:0 2% 2% 0;
	position:relative;
	padding-bottom:19%;
}
.case .item:nth-child(3n){
	margin-right:0;
}
.case .item .img{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;
}
.case .item .img img{
	width:100%;
	transition:all 0.5s;
}
.case .item .bt{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:40px;
	background:rgba(0,0,0,.6);
}
.case .item .bt .txt{
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:0 15px;
	line-height:1.6;
	width:100%;
	height:100%;
	border:1px solid #fff;
	transition:all 0.5s;
}
.case .item:hover .bt .txt{
	border-color:#E15613;
	color:#E15613;
}
.case .item:hover .img img{
	transform:scale(1.1);
}

.case .details{
	max-width:1300px;
	margin:auto;
	background:#fff;
}
.details_title{
	padding:30px 0;
}
.details_title .txt{
	text-align:center;
	font-size:16px;
	line-height:1.6;
	color:#333;
}
.details_title .heng{
	width:90px;
	height:5px;
	margin:15px auto 0;
	background:#EE792C;
}
.details .swiper-button-next,
.details .swiper-button-prev{
	width:80px;
	height:80px;
	color:#fff;
	border-radius:50%;
	background:rgba(0,0,0,.6);
}
.details .swiper-button-next::after,
.details .swiper-button-prev::after{
	font-size:30px;
}

/*招聘*/
.job{
	background:#fff;
	padding:40px;
	margin-top:50px;
}
.job .item{
	width:50%;
	padding:20px;
}
.job .item .title{
	color:#333;
	font-size:22px;
	letter-spacing:2px;
}
.job .item .heng{
	width:50px;
	height:5px;
	background:#EE792C;
	margin:10px 0 30px;
}
.job .item .content{
	line-height:1.7;
	color:#666;
	font-size:15px;
	letter-spacing:1px;
}

.caseimg img{
	max-width:100%;
	height:auto;
	display:block;
}