@charset "utf-8";
/* ===================首页样式========================== */
.Container-wrapper .banner .swiper-slide { transform: scaleY(1) !important;}
.banner{width: 100%;overflow: hidden;position: relative; height:auto !important}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.pc{display: block;}
.banner-img img.mb{display: none;min-height: 300px;}
.banner-prev, .banner-next{position: absolute;z-index: 4;width: 60px;height: 60px;top: 50%;margin-top: -30px; cursor: pointer;transition: all .4s ease; border-radius:5px;  outline:none;}
.banner-prev{ background: rgba(0, 0, 0, .6) url('../images/left.png') no-repeat center center; opacity:0 }
.banner:hover .banner-prev{   opacity:1 }
.banner-next{ background: rgba(0, 0, 0, .6) url('../images/right.png') no-repeat center center;  opacity:0 }
.banner:hover .banner-next{   opacity:1 }

.banner-prev{left:8%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.banner:hover .banner-prev{left: 5%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.banner-next{right:8%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.banner:hover .banner-next{right:5%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.banner-prev:hover, .banner-next:hover{background-color: #2d73f5;}
.banner-dot{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 16px;}
.banner .swiper-pagination{ bottom: 20px; opacity:0;}
.banner .swiper-pagination-bullet {width:10px;height: 10px; border-radius:20px;background:rgba(255,255,255,1);opacity: 1;margin: 0 10px!important;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #20448e; outline:none;}
 

/* -------------------------4k端--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {
    .banner-img img.pc{display: block;min-height: 1160px;}
    .banner-img img.mb{display: none;min-height: 600px;}
    .banner-prev, .banner-next{width: 120px;height: 120px;margin-top: -60px;background-size: 48px auto;}
    .banner-dot{bottom: 32px;}
    .banner .swiper-pagination-bullet {width: 20px;height: 20px;margin: 0 20px 0 0 !important;}
    
}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner-img img.pc {min-height: 480px;}
    .banner-prev, .banner-next {width: 48px;height: 48px;margin-top: -24px;background-size: 20px auto;}
   
}

@media all and (max-width:1151px) {
    /* 1024 */
 
    .banner-prev, .banner-next{display: none;}
   
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
   
    .banner-img img.pc {min-height: 340px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-img img.pc{display: none;}
    .banner-img img.mb{display: block;}
    
    .banner .swiper-slide{transform: translate3d(0, 0, 0) !important;transition: none !important;}
}

.fize{
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;
}

.z-list2 .inner:hover .txt .more span {
	text-decoration: underline;
}

.index-row4 { overflow: hidden}

.guide-swiper {position: relative}
.guide-swiper .pic {position: relative; overflow: hidden;}
.guide-swiper .swiper-slide .pic:hover:before {background-image: url(../images/icon-play-on.png);}
.guide-swiper .pic img { width: 100%; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.guide-swiper .swiper-slide-active:hover .pic img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05)}
.guide-swiper dl { width:80%; position:absolute; right:40px; bottom:25px; text-align:right; opacity:0;transition:all 1.2s; -moz-transition:all 1.2s;}
.guide-swiper dl{ margin-top:5px;}
.guide-swiper dl img{
    height: 106px;
    width: auto!important;
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: optimizequality;
    -ms-interpolation-mode: autor;
    /* IE (non-standard property) */
    opacity: 0;
}
.guide-swiper .swiper-slide-active dl { opacity:1;transition:all 1.2s; -moz-transition:all 1.2s;}
.guide-swiper .swiper-slide-active dl img{opacity: 1;}
.guide-swiper .tit {position: absolute;top: 62px;left: 0;right: 0;text-align: center;font-size: 60px;color: #fff;z-index: 2}

.guide-swiper .swiper-arrow { border:2px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer; border-radius:70px;
	z-index: 3
}

.guide-swiper .swiper-arrow.swiper-prev {left: 38%;margin-left: -670px;background: url(../images/left.png) no-repeat center center}
.guide-swiper .swiper-arrow.swiper-prev:hover { background:#2d73f5 url(../images/left.png) no-repeat center center}
.guide-swiper .swiper-arrow.swiper-next {right: 38%;margin-right: -670px;background: url(../images/right.png) no-repeat center center}
.guide-swiper .swiper-arrow.swiper-next:hover { background:#2d73f5 url(../images/right.png) no-repeat center center}
.guide-swiper .swiper-dots { display:none;position: absolute;bottom: 45px !important;z-index: 3;text-align: center}
.guide-swiper .swiper-dots .swiper-pagination-bullet {
	width: 40px;
	height: 4px;
	background: rgba(255, 255, 255, .5);
	opacity: 1;
	border-radius: 0;
	margin: 0 10px !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.team_ima .oclean-swiper .pic:before { display:none;}
.f-language .at span {text-decoration: underline}
.f-language .con {
	position: absolute;
	bottom: 36px;
	right: 0;
	background: #fff;
	width: 140px;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 4px;
	display: none;
	z-index: 10;
	text-align: center;
}

.f-language .con a:hover {
	color: #f4313f
}

.fd-share {
	background: #eaeaea;
}

.fd-share .wp {
	display: flex;
}

.fd-share a {
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	background-image: url(../images/share.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.fd-share a:hover {
	background-image: url(../images/share-on.png)
}

.fd-share .con {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 160%;
	width: 150px;
	height: 150px;
}

.fd-share .con img {
	display: block;
	width: 100%;
	height: 100%;
}

.fd-share a.share-weixin {
	background-position: 0 0
}

.fd-share a.share-weibo {
	background-position: right 0
}
   
 
  

.wx-qr {
	position: absolute;
	bottom: 120%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
	padding: 10px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.wx-qr img {
	display: block;
	width: 100%;
	height: 100%;
}

.media a:hover .wx-qr {
	opacity: 1;
}

.pop-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url(../images/z-close.png) no-repeat center;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
    border-radius: 50%;
    z-index: 21;
}
.pop-close:hover {
	background-image: url(../images/z-close-on.png);
	background-color: #2d73f5;
}

.pop-win {
	display: none;
	position: absolute;;
	top:0;
	left:0;
	z-index:20;
    width:100%;
    height: 100%;
    background-color: #000;
}
.pop-win .pop-con video { outline:none;
	display: block;
	width: 100%;
	background: #000;
}
.wp1 {
	padding: 0 50px;
	max-width:800px;
	margin: 0 auto
}
.wp2 {
	padding: 0 50px;
	max-width:700px;
	margin: 0 auto
}
.wp3 {
	padding: 0 50px;
	max-width:1060px;
	margin: 0 auto
}



.index_case2 ._info {
    position: relative;
    width: 94%;
    margin: 0 auto;
}
.index_case2 .case-items{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}
.index_case2 .item{
    overflow: hidden;
    width: 30%;
}
.index_case2 .item a{
    display: block;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
}
.index_case2 .item ._pic {position: relative;  overflow:hidden; padding-top:66.66%; height: 0;}
.index_case2 .item ._pic img { position: absolute; top:0; left: 0; width:100%; display:block; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.index_case2 .item:hover ._pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.index_case2 .item ._txt{
    display: block;
    background: #fff;
    padding: 20px 30px;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    position: relative;
    z-index: 1;
}
.index_case2 .item ._txt .case_dt  { color:#000; font-size:16px; font-weight:bold; font-style:normal; }
.index_case2 .item ._txt .case_de  { color:#717171; font-style:normal; line-height:24px; height: 48px; margin-top:3%;
   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;

}
.index_case2 .item ._txt img{
    height:60%;
    width: auto;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
    z-index:-1;
}
.index_case2 .caseNavigation .next, .index_case2 .caseNavigation .prev,
.index_case2 .caseNavigation .next:focus, .index_case2 .caseNavigation .prev:focus{ 
    position: absolute;
    opacity:0;
    top:40%;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition:all 0.6s; 
    -ms-transition:all 0.6s; 
    -o-transition:all 0.6s;
    border-radius:50px;  
    width:60px;   
    height:60px;  
    outline: none;
    box-shadow: none;
}
.index_case2 .caseNavigation .next { right:-70px; margin-right: -20px; background: url(../images/ca-right.png) no-repeat center center;}
.index_case2 .caseNavigation .prev { left:-70px; margin-left:-20px ; background: url(../images/ca-left.png) no-repeat center center;}
.index_case2:hover .next , .index_case2:hover .prev ,.index_case2 .next:hover , .index_case2 .prev:hover{
    opacity: 1!important;
    margin: 0;
    cursor: pointer;
}