.mobelDiv{ display:none;}

.banner{}
	/* .banner section{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;} */
	/* .banner section dl{display:inline-block;background:rgba(255,255,255,0.8);padding:50px 70px;margin-top:300px;} */
/* .banner .swiper-container {overflow:unset; } */
.banner .swiper-pagination{bottom: 55px !important;}

	.banner figure{position:relative;overflow:hidden;height:500px;}
	.banner figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:500px;}
	
	.banner dt{position:absolute;top:0;left:0;bottom:0;right:0; display:none;}
	.banner dt span{display:block; max-width:1200px; margin:0 auto;}
	.banner dt span img{width:550px; padding-top:10%}
	.banner dd{position:absolute;left:0;bottom:0;right:0;background:rgba(102,102,102,0.8);
	font-size: 22px; line-height:28px; color:#FFF; padding:12px 0;}
	.banner dd span{display:block; max-width:1200px; margin:0 auto;}
	.banner .swiper-pagination-bullet{background:#FFF;transition:all ease-out 0.3s;width:8px;opacity:1;border:1px solid #000; height:8px; border-radius:50% !important;margin: 0 5px !important; /*display:none !important;*/}
	.banner .swiper-pagination-bullet-active{background:#000; opacity:1;}
	
	.banner .swiper-button-prev,
	.banner .swiper-button-next{ color:#000; }
 
.case_cate{
	overflow: hidden;font-size: 0;
	margin: 0 auto;
	justify-content:center;text-align: center;
	display: block;
}

.case_cate li{
display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px; margin:0 !important; padding:8px;

}

.case_cate li a{
    display: block;
    position: relative;
    box-sizing: border-box;
	box-shadow: 0 0 5px #4b8dff;
    background: #e7f6ff;
    transition: all .3s ease;
    min-width: 170px;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    text-align: center;
    height: 50px; line-height:50px;
}

.case_cate li.hover a{ 
	box-shadow: 0 0 5px #777;
	color: #FFF;background: #4b8dff;
}
.case_cate li a:hover { 
	color: #FFF;background: #4b8dff;
}



.case_list{
	width: 100%;
	overflow: hidden;
}

.case_list li{transition:all ease-out 0.3s;
	float: left; width:32%;  position:relative;
	margin-right: 2%;
	margin-bottom: 25px;
}
.case_list li:nth-child(3n){	margin-right: 0}
.case_list li dd{position: absolute;left: 0; bottom:0; right:0; top: none;
	text-align: center;transition:0.5s;background:rgba(102,102,102,0.8);
	font-size: 16px; line-height:24px; color:#FFF; padding:8px 0;
}
.case_list li:hover dd{background: rgba(0,0,0,0.5);top: 0;
    height:100%;
   
	}
	
.case_list li dd a{ color:#FFF;}
.case_list li:hover dd a{ color:#FFF;left: 0; bottom:0; right:0; top: 0;position: absolute; padding-top: 30%;}


	
.case_list li dt{
	display: block; position:relative;
	width: 100%; height:205px;
	overflow: hidden;
}
.case_list li dt img{width: 100%; 
	transition: 0.5s;
}
.case_list li dt:hover img{
	transform: scale(1.08);
}

/*相册列表*/
ul.banimg { display: block;width: 100%;float: left;}
ul.banimg:after,ul.banimg li:after,.banimgbox:after {	content: '';	clear: both;	display: block;	font-size: 0;}
ul.banimg li { display: block; width: 100%; float: left;  padding: 30px 0; background: #FFF;}
ul.banimg li:nth-of-type(2n){ background: #F1F8FE;}
.banimgbox{ width:1140px; height: 400px; overflow: hidden; margin: 0 auto;    box-shadow: 0 0 25px #E6E6E6;    background: #FFF;position: relative}
.banimgbox .swiper-slide img{min-width:100%; min-height: 100%; }
.banimgbox .title-left{width: 20%; height: 100%;float: left;position: relative;    box-sizing: border-box;    padding: 50px 30px;    font-size: 30px;}
.banimgbox .swiper-container{width: 80%;height: 100%; float: left; background:#F4F4F4;}
.banimgbox .swiper-pagination-bullet{background:#FFF;transition:all ease-out 0.3s;width:8px;opacity:1;border:1px solid #000; height:8px; border-radius:50% !important;margin: 0 5px !important; /*display:none !important;*/}
.banimgbox .swiper-pagination-bullet-active{background:#000; opacity:1;}

.banimgbox .swiper-button-prev,
.banimgbox .swiper-button-next{ color:#000;  		box-shadow: 0 0 25px #E6E6E6;    width: 50px;    height: 50px;    border-radius: 100%;    border: 10px solid #FFF;    overflow: hidden; }
.banimgbox .swiper-button-prev {    left: 30px;    right: auto;}
.banimgbox .swiper-button-next {    left: 100px;    right: auto;}

ul.banimg li:nth-of-type(2n) .banimgbox .title-left{float:right;}
ul.banimg li:nth-of-type(2n) .banimgbox .swiper-button-prev {    right: 140px;    left: auto;}
ul.banimg li:nth-of-type(2n) .banimgbox .swiper-button-next {    right: 70px;    left: auto;}
/*视频列表*/
.txtP {
    text-align: center;
    padding-top: 10px;
    font-size: 28px;
    color: #222;
    line-height: normal;
}
.line-blue {
    margin: 12px auto 30px;
    width: 65px;
    height: 0;
    border-bottom: 4px solid #00a1e7;
    font-size: 0;
}
ul.video_list {	width: 100%;float: left; padding-bottom:15px;}
ul.video_list:after {	content: '';	clear: both;	display: block;	font-size: 0;}
ul.video_list li {float:left; width:32%;margin-right:2%; position:relative; cursor: pointer;}
ul.video_list li:nth-child(3n){	margin-right: 0}
ul.video_list li p.datu {	width: 100%;	height: 270px;	overflow: hidden;	position: relative;margin:0;background:#F1F1F1;}
ul.video_list li p.datu img {	width: 100%;  height:100%; }
ul.video_list li p.datu:before {background: rgba(0,0,0,0.3);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

ul.video_list li p.datu:after {
	content: "\f01d";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .8;
	color: #fff;
	font-size: 50px; margin:0;
}
ul.video_list li:hover:after {	opacity: .95;}
ul.video_list li h2{ width:100%; box-sizing:border-box;margin:0;
font-size: 1.1em; line-height:1.5;  font-weight:500; text-align:center; color:#333;  padding:10px 2px;background:#f1f1f1; }
ul.video_list li:hover h2{ color:#222; }	


video::-internal-media-controls-download-button {    display:none;}
video::-webkit-media-controls-enclosure {    overflow:hidden;}
video::-webkit-media-controls-panel {    width: calc(100% + 50px); }
@media screen and (max-width:800px){	 
/*---------------------------------//手机版-----------------------------------*/
.mobelDiv{ display: block;}

.banner figure{height:250px;}
.banner figure img{height:250px;max-width: 1200px;}
.banner dt span img,
.swiper-button-next,
.swiper-button-prev{display:none !important;}
.banner dd{	font-size: 14px; text-align:center;}


.title_tech{ 
display: block;
    width: 100%;
    float: left;
    font-size: 22px;
    line-height: 32px;
    color: #333;
    position: relative;
    font-weight: bold;
	margin-top: 0;
	}
.title_tech:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #4b8dff;
    /* transform: translateX(-50%); */
}
.tech_list{ display:block; swidth: 100%;float: left; overflow: hidden; padding:6px 0;}
.tech_list dt{display:block; float: left; width:40%;  position:relative;}
.tech_list dd{display:block; float: left; width:60%; box-sizing:border-box; padding-left:5%;  position:relative;}
.tech_list dd strong{display: inline-block; padding-bottom:8px;padding-top: 25px;}
	
.case_cate li a{    min-width: 85px;}
.case_list{
	width: 100%; padding:0; margin:0;
	overflow: hidden;
}

.case_list li{
	width:100%; 
	margin-right:0;
	margin-bottom: 25px;
}
.case_list li dt{ height:auto;}   
   
/*相册列表*/
ul.banimg {margin-top: 15px;
    box-sizing: border-box;
    padding: 0 2%;
}
ul.banimg li { padding: 0;margin-top: 25px; }
.banimgbox{ width:100%; height: auto;}
.banimgbox .title-left{width: 100%; height:auto; text-align: center;
    box-sizing: border-box;
    padding: 15px 0;
    font-size: 20px;
}
.banimgbox .swiper-wrapper {height:270px;}
.banimgbox .swiper-container{width:100%;}
	.banimgbox .swiper-button-prev,
	.banimgbox .swiper-button-next{display: none !important;}   
  /*视频列表*/

ul.video_list li { width:48%;margin:1%;}
ul.video_list li:nth-child(3n){	margin-right: 1%;}		
ul.video_list li p.datu {height: 165px;	} 
ul.video_list li h2{ padding:7px 2px; }
   
}