@charset "utf-8";
/* CSS Document */

.ban-case{height: 550px;position: relative;overflow: hidden;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.ban-case .pic{height: 100%;position: relative;
	perspective: 1800px;
	transform-style: preserve-3d
}
.ban-case .bg{min-width: 2200px;
	height: 4916px;
	z-index: 0;
	position: absolute;
	left: -22%;
	right: -22%;
	top: -35%;
	bottom: -22%;
	transform: rotateX(15deg);
	transform-origin: center;
	vertical-align: middle
}
.ban-case .bg .bg1 {
	height: 2816px;
	background: 50% no-repeat;
	background-size: 100% 100%;
	animation: bg1-data-v-c2c41fa4 40s linear infinite
}

.ban-case .bg .bg2 {
	height: 2816px;
	background: 50% no-repeat;
	background-size: 100% 100%;
	animation: bg2-data-v-c2c41fa4 40s linear infinite
}

@keyframes bg1-data-v-c2c41fa4 {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-100%)
	}
}

@keyframes bg2-data-v-c2c41fa4 {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-100%)
	}
}

.ban-case:after{content: '';position: absolute;left: 120px;top: 0;bottom: 0;width: 1px;
	background-color: rgba(255,255,255,.16);
}
.ban-case .txt{position: absolute;left: 170px;right: 170px;top: 50%;
	color: #fff;z-index: 2;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ban-case .txt .lab{font-size: 22px;display: block;margin-bottom: 10px;min-height: 1.5em;}
.ban-case .txt .tit{font-size: 52px;font-weight: normal;min-height: 1.5em;}
.ban-case .tab{position: absolute;left: 170px;bottom: 26px;}
.ban-case .tab li{float: left;margin-right: 12px;}
.ban-case .tab li a{display: block;font-size: 18px;color: #fff;height: 42px;line-height: 42px;
	border-radius: 10px;padding: 0 24px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ban-case .tab li a:hover,.ban-case .tab li.on a{background-color: #ff8f45;color: #fff;}
.ban-case .txt .btn{display: block;width: 70px;height: 70px;border-radius: 50%;margin-top: 33px;
	border: 1px solid #fff;position: relative;line-height: 68px;font-size: 0;
	text-align: center;
}
.ban-case .txt .btn:after{content: '';display: inline-block;vertical-align: middle;
	width: 14px;height: 28px;
	background: url(../picture/i-44.png) no-repeat center;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	animation: downico 1.5s linear infinite;
}

.ban-case .cur{position: absolute;right: 170px;bottom: 26px;}

.cur{font-size: 18px;margin-bottom: 6px;padding-left: 28px;color: #fff;
	background: url(../picture/i-19.png) no-repeat left center;
	-o-background-size: 18px auto;
	-ms-background-size: 18px auto;
	-moz-background-size: 18px auto;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}
.cur a{color: #fff;}
.cur a:hover{opacity: .8;}
.ny-service{ background: #fff !important;}

/***页码***/
.pages-box ul { text-align: center;}
.pages-box ul a{ padding:5px 12px; font-size: 16px; color: #000000; border:1px solid #000; margin: 0 5px; display: inline-block;}
.pages-box ul li a{ color: #000000;}
.pages-box ul li.on{ background: #000; color: #fff;}
.pages-box ul li.on a{color: #fff;}
.pages-box .total{ display:none;}
.pages-box .disabled{padding: 5px 12px;font-size: 16px;color: #000000; border: 1px solid #000; margin: 0 5px; display: inline-block;}
.pages-box .current{padding: 5px 12px; font-size: 16px;  color: #fff;  border: 1px solid #000; background: #000;  margin: 0 5px;  display: inline-block;}
.pages-box .total{ display:none;}
.pages-box .disabled{padding: 5px 12px;font-size: 16px;color: #000000; border: 1px solid #000; margin: 0 5px; display: inline-block;}
.pages-box .current{padding: 5px 12px; font-size: 16px;  color: #fff;  border: 1px solid #000; background: #000;  margin: 0 5px;  display: inline-block;}

/***客户案例详情页***/
.case_detail_title h5{ font-size: 28px; color: #000000; text-align: center;}
.case_detail_title .small_tit{ text-align: center; border-bottom: 2px solid #e8e8e8; font-size: 16px; color: #666; padding: 15px 0;}
.case_detail_title .small_tit span{ padding: 0 20px;}
.case_detail_con { font-size: 16px; color: #000; line-height: 28px; text-indent: 2em;}
.case_detail_box { font-size: 16px; color: #ff8f45; line-height: 30px;}
.case_detail_box  a{color: #000;}
.case_detail_box  a:hover{color: #ff8f45;}
.case_detail_box p{ margin-bottom: 10px;}


@media only screen and (max-width: 1920px) and (min-width: 950px){
.ban-case{height: 28.64vw;}
.ban-case:after{left: 6.25vw;}
.ban-case .txt{left: 8.854vw;right: 8.854vw;}
.ban-case .txt .lab{font-size: 1.145vw;margin-bottom: 0.520vw;}
.ban-case .txt .tit{font-size: 2.708vw;}
.ban-case .tab{left: 8.854vw;bottom: 1.354vw;}
.ban-case .tab li{margin-right: 0.625vw;}
.ban-case .tab li a{font-size: 0.937vw;height: 2.187vw;line-height: 2.187vw;
    border-radius: 0.520vw;padding: 0 0.7vw;
}
	
.ban-case .cur{right: 8.854vw;bottom: 1.354vw;}
.cur{
	-o-background-size: 0.937vw auto;
	-ms-background-size: 0.937vw auto;
	-moz-background-size: 0.937vw auto;
	-webkit-background-size: 0.937vw auto;
	background-size: 0.937vw auto;
}	
.cur{font-size: 0.937vw;margin-bottom: 0.312vw;padding-left: 1.458vw;}
	
	
	
	
	}

@media only screen and (max-width: 1199px) {
    .header{height: auto;}
    .nav{padding-top: 65px;}
    .nav:after{left: 68px;}
    .nav li{width: 68px;}
    .nav li .icon{height: 24px;}
    .nav li a{font-size: 14px;height: auto;}
	.ban-case {height: 360px;}
    .ban-case:after{left: 68px; background-color: rgba(255,255,255,0);}
    .ban-case .txt{left: 15px;right: 15px;}
    .ban-case .txt .lab{font-size: 15px;}
    .ban-case .txt .tit{font-size: 22px;}
    .ban-case .cur{display: none;}
    .ban-case .tab{left: 15px;right: 15px;bottom: 15px;overflow-x: auto; }
    .ban-case .tab ul{width: 1000px;}
    .ban-case .tab li a{font-size: 14px;padding: 0 12px;}
    .ban-case .tab li{margin-right: 5px;}
    .ban-case .txt .btn{width: 40px;height: 40px;line-height: 38px;margin-top: 20px;}
    .ban-case .txt .btn:after{width: 10px;}
	
/***页码***/
.pages-box ul { text-align: center; margin-bottom: 1rem;}
.pages-box a,.pages-box span.disabled{     padding: 5px 12px;     font-size: 16px; color: #000000; border:1px solid #000;     margin: 0 5px; display: inline-block;}
.pages-box a,.pages-box span.disabled{ color: #000000;}
.pages-box a.on{ background: #000; color: #fff;}
.pages-box a.on a{color: #fff;}
.mt50{margin-top:0px;}
.pages-box span.total{ display: none}
	
.case_detail_title h5{ font-size: 4.2vw; font-weight: normal; color: #000000; text-align: center;}
.case_detail_title .small_tit{ text-align: center; border-bottom: 2px solid #e8e8e8;     font-size: 2.0vw; color: #666; padding: .37rem 0;}
.case_detail_title .small_tit span{ padding: 0 .5rem;}
.case_detail_con{    font-size: 3.0vw; color: #000; line-height: 1.8; text-indent: 2em;}
.case_detail_con img{     width: 90% !important; height: auto !important;}
.case_detail_box{ margin-bottom: 1rem;}
.case_detail_box p{color: #000; font-size: .6rem}
.case_detail_box p a{    font-size: 3.0vw !important; }
.case_detail_box p a:hover{color: #ff8f45;}
.tx-padding50{ padding: 25px 0;}
.case_detail_box p{ margin-bottom: 0px;}
	
	
	
	
	
	
	
	
	
	
	
	
}