*{margin: 0 auto;padding: 0}
@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,aside {
	margin:0;
	padding: 0;
font-family: 'Microsoft YaHei', Arial, sans-serif;
}
body{	
	min-width: 1200px;
}
ul{list-style: none}
input[type='number'] {  -moz-appearance:textfield;  }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;
}input{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
textarea{  outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)  }
/*input,textarea{-webkit-appearance:none;}*/
a{text-decoration:none;outline: none}
img{
	border:none; /*去除ie浏览器border边框*/
	outline:none;
}
.before::after{display: block;content: '';clear: both;}

.header{
	width: 100%;height: 900px;
	overflow: hidden;
	/* background: url(../images/header_01.jpg) no-repeat center top; */
}
    .swiper {
      width: 100%;
      height: 100%;	position: relative;
    }

    .swiper-slide {
     
      background: #fff;
		overflow: hidden;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

header{
	width: 100%;
	height: 110px;
/* 	background: url(../images/bj.png) no-repeat; */
	background: rgba(250,250,250,.3);
	position: absolute;top: 0;left: 0;
	z-index: 99;
}
header img{
	margin: 30px 20px;
}
.swiper-pagination{
	bottom: 35px;text-align: center;width: 100%;
}
.swiper-pagination-bullet{
	width: 10px;height: 10px;opacity: .6;
	background: #fff;
	margin: 0 5px;
}
.swiper-pagination-bullet-active{
	opacity: 1;
}
.search{
	width: 800;text-align: center;
	position: absolute;
	top: 220px;
	left: 50%;margin-left: -400px;
	z-index: 6;
}
.search-box{
	width: 800px;height: 70px;
	background: url(../images/t3.png) no-repeat;
	margin: 70px auto 0;
}
.search-box input[type=text]{
	width: 675px;
	height: 100%;
	float: left;
	margin-left: 30px;
	border: none;
	font-size: 20px;
	color: #fff;
}
.search-box input[type=text]::-webkit-input-placeholder{
	color: #fff;
	letter-spacing: 1px;
}
.search-box input[type=button]{
	width: 60px;
	height: 100%;
	float: right;
	margin-right: 30px;
	border: none;
	cursor: pointer;
}
.title{
	width: 100%;text-align: center;
	margin-top: 50px;
}
.title span{
	color: #3f4151;
	font-size: 26px;
	padding-bottom: 15px;
	background: url(../images/t4.png) no-repeat center bottom;
}

.last{
	width: 1200px;
	margin: 50px auto 0;
}
.last a{display: block;float:left;position: relative;
margin-right: 10px;margin-bottom: 10px;}
.last a img{display: block;	object-fit: cover;}
.last a img{
	width: 285px;
	height: 190px;
}
.last a:nth-child(1){margin-bottom: 0px;}
.last a:nth-child(1) img{
	width: 610px;
	height: 390px;
}
.last a p{
	width: 95%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 7px 2.5%;
	background: rgba(0,0,0,.5);
	color: #fff;text-align: justify;
	display: none;
}

.last a:nth-child(3),
.last a:nth-child(5){
	margin-right: 0;
}
.last a:hover p{display: block;}

.lists{
	width: 1200px;
	margin: 50px auto 0;
	display: flex;
	justify-content: center;
  
}
.lists a{
	color: #3f4151;
	cursor: pointer;
	display: inline-block;
 	padding: 7px 0;
}
.lists a:last-child{
	margin-right: 0;
}
.lists a:first-child{margin-left: 0;}
.lists a.active{
	 background: linear-gradient(to left, #b06daa, #419bd8);
	 color: #fff;
	 border-radius: 50px;
	 	padding: 7px 15px;
}
.lists a:hover{
	color: #419bd8;
}
.imgs{
	position: relative;
	width: 1200px;
	margin: 30px auto 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.imgs li{
	width: 32%;
	margin: 0 auto;
}
.imgs li:nth-child(2){
	margin: 0 22px;
}
.imgs .box{ 

	display: block;
	cursor: pointer;overflow: hidden;
	width: 100%;
	display: block;
	transition: all .3s;
	position: relative;
	margin-bottom: 25px;
}
.imgs .box img {width: 100%;
    transition: all .3s;display: block;
height: 100%;object-fit: cover;}

.imgs .box:hover img{transform: scale(1.03);}
.imgs .box p{
	width: 95%;
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	    padding: 7px 2.5%;
	    background: rgba(0, 0, 0, .5);
	    color: #fff;
	    text-align: justify;
	   display: none;
}
.imgs .box:hover p{display: block;}


footer{
	width: 100%;
	margin-top: 350px;
	background: #28282b;
	color: #747475;text-align: center;
	padding:50px 0;
}
.nil{text-align: center;width: 100%;}