/*
网站建设：烽虎网络  http://www.whfhnet.com
开发者：阿牛哥
2022-05-18
*/
.index-data {
	position: relative;
	overflow: hidden;
	width:78%;
	margin:0 auto;
	box-sizing: border-box;
	padding-top:100px;
	
}
.index-data .index-data-list {
	width: 100%;
	padding-top:120px;
}

.data-background {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}

.index-data .item {
	float: left;
	width: 33.33%;
	height: 280px;
}

.index-data .item-inner {
	position: relative;
	height: 280px;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,.2);
}

.index-data .item:nth-child(3n) .item-inner {
	border-right: 0;
}

.index-data .item:first-child .item-inner,
.index-data .item:nth-child(2) .item-inner,
.index-data .item:nth-child(3) .item-inner {
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.index-data .text-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 16px;
	color: #fff;
	transform: translateY(-50%);
}

.index-data .text-wrap .number-wrap {
	display: block;
	font: normal 118px/1 'Conv_DINCondensedC';
	color: #fff;
	letter-spacing:2px;
}

.index-data .text-wrap .number-wrap strong.icon {
	display: inline-block;
	font-size: 72px;
	vertical-align: 13px;
}



.sec1{
	padding: 6% 0 4.25%;
}
.sec1 .left,.sec1 .right{
	width: 46.3%;
	display: inline-block;
	vertical-align: top;
	text-align:justify;
}
.sec1 .left{
	margin-right: 7.2%;	
}
.sec1 .left img{
	margin-bottom: 3.333%;
	height: 50px;
	max-width: 100%;
}
.sec1 .left img.big25{
	height: 25px;
}
.sec1 .left img.big30{
	height: 50px;
}
.sec1 .left img.big35{
	height: 55px;
}
.sec1 .left img.big40{
	height: 60px;
}
.sec1 .left img.big45{
	height: 45px;
}
.sec1 .left img.big60{
	height: 60px;
}
.sec1 .left img.big80{
	height: 80px;
}
.sec1 .left img.big100{
	height: 100px;
}
.sec1 h3{
	font-size: 36px;
	color: #333;
	line-height: 1.5;
	font-weight: normal;
}
.sec1 p{
	font-size: 16px;
	color: #000;
	line-height: 1.78;
	margin-bottom: 1.78em;
}
.sec1 p:last-child{
	margin-bottom: 0;
}


.sec2{
	overflow: hidden;
	padding: 6.25% 0;
}
.sec2 img{
	width: 35.208%;
}
.sec2 img:nth-child(1){
	margin-left: -4.895%;
}
.sec2 img:nth-child(2){
	margin: 0 2.083%;
}
.sec2 img:nth-child(3){
	margin-right: -4.895%;
}



.sec3 .inner {
	position: relative;
}
.sec3 .grid-sizer{
	width: 46.3%;
}
.sec3 .gutter-sizer{
	width: 7.4%;
}
.sec3 .grid-item{
	width: 46.3%;
	float: left;
	margin-bottom: 7.4%;
	height: auto;
}
.sec3 .grid-item img{
	width: 100%;
}


.sec4{
	background-color: #eee;
	padding: 7% 0;
	text-align: center;
}
.sec4 .swiper-container{
	width: 100%;
}
.sec4 .web img{
	width: 21.6%;
	margin-right: 8.8%;
}
.sec4 .web img:last-child{
	margin-right: 0;
}




.decision{padding:0 0 90px;margin-top:50px;}
.decision .h2{font-size:48px;}
.decision .h3{font-size:24px;margin-top:0px;}


.case_detail{padding:60px 0 45px; background:#f4f4f4;}
.case_detail .tit{text-align:center;}
.case_detail .tit h1{font-size:30px;}
.case_detail .tit .tag{color:#456fc7;margin-top:10px;font-size:20px;}
.case_detail .tit .tag span{margin-right:10px;}
.case_detail .tit .txt{margin-top:20px;padding:0 90px;font-size:16px;line-height:1.5;text-align:left;}
.case_detail .focus{margin:60px auto 0;background:url(../images/mac.png) center top no-repeat;padding-top:39px;height:772px;width:1028px;position:relative;}
.case_detail .focus .frame{width:947px;height:535px;overflow:hidden;margin:auto}
.case_detail .focus .frame .child{float:left;width:100%;height:100%;text-align:center;}
.case_detail .focus .frame .child img{width:100%;height:auto;}
.case_detail .focus .frame .child .jspPane:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar{position:absolute;left:0;bottom:237px;width:100%;text-align:center;z-index:1;}
.case_detail .focus .bar .inner{display:inline-block;padding:0 10px;background:url(../images/black64.png);height:54px;border-radius:15px 15px 0 0;vertical-align:middle;}
.case_detail .focus .bar .inner .prev{background:url(../images/arrow3.png) left center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .next{background:url(../images/arrow3.png) right center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .nav{display:inline-block;height:100%;margin:0 10px;vertical-align:middle;line-height:54px;}
.case_detail .focus .bar .inner .nav i{background:url(../images/dot1.png) 8px center no-repeat;width:25px;height:25px;margin:0 2px;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .nav i.now{background-position:-22px center;}
.case_detail .focus2{margin:60px auto 0;background:url(../images/iphone.png) center top no-repeat;padding-top:90px;height:775px;width:521px;position:relative;}
.case_detail .focus2 .frame{width:306px;height:545px;overflow:hidden;margin:auto}
.case_detail .focus2 .frame .child{float:left;width:100%;height:100%;text-align:center;}
.case_detail .focus2 .frame .child img{width:100%;height:auto;}
.case_detail .focus2 .frame .child .jspPane:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar{position:absolute;left:0;bottom:237px;width:100%;text-align:center;z-index:1;}
.case_detail .focus2 .bar .inner{display:inline-block;padding:0 10px;background:url(../images/black64.png);height:54px;border-radius:15px 15px 0 0;vertical-align:middle;}
.case_detail .focus2 .bar .inner .prev{background:url(../images/arrow3.png) left center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .next{background:url(../images/arrow3.png) right center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .nav{display:inline-block;height:100%;margin:0 10px;vertical-align:middle;line-height:54px;}
.case_detail .focus2 .bar .inner .nav i{background:url(../images/dot1.png) 8px center no-repeat;width:25px;height:25px;margin:0 2px;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .nav i.now{background-position:-22px center;}
.case_detail .tip{text-align:center;line-height:1.8;margin-top:-30px; font-size:14px;}
.case_detail .serv .button{margin-top:40px;}

.case_detail .more{margin:45px auto;text-align:center; width:600px;}
.case_detail .more a.link{display:inline-block;width:260px;height:48px;line-height:48px;border:2px solid #777;font-size:16px;color:#333;margin:0 15px;}
.case_detail .more a.link:hover{background-color:#445e9f;color:#fff;border-color:#445e9f;}
.case_detail .more a.link.l{background:url(../images/button2.png) center top no-repeat;width:242px;border:none;height:52px;line-height:52px;padding-left:20px;}
.case_detail .more a.link.l:hover{background-position:center bottom;}
.case_detail .more a.link.r{background:url(../images/button3.png) center top no-repeat;width:242px;border:none;height:52px;line-height:52px;padding-right:20px;}
.case_detail .more a.link.r:hover{background-position:center bottom;}



.case_ban{width: 100%;position: relative;overflow: hidden;}
.case_ban .swiper-slide a{display: block;height: 534px; max-width:946px; margin:0 auto; background-repeat: no-repeat;background-position: center;}
.case_ban .swiper-button-prev,
.case_ban .swiper-button-next{width: 46px;height: 46px;position: absolute;top:50%;margin-top: -23px;cursor: pointer;text-align: center;line-height: 46px;background: rgba(0,0,0,0.8);border-radius: 50%;
font-size: 18px;color: #fdfdfd;font-family: "SimSun";opacity: 0;}
.case_ban:hover .swiper-button-prev{left: 5%;}
.case_ban:hover .swiper-button-next{right: 5%;}
.case_ban:hover .swiper-button-prev,
.case_ban:hover .swiper-button-next{opacity: 1;}
.case_ban.swiper-container-horizontal > .swiper-pagination-bullets{height: 10px;line-height: 10px;bottom: 20px;}
.case_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box;border:1px solid #ffffff;border-radius: 50%;margin: 0 5px;cursor: pointer;opacity: 1;background: none;}
.case_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.case_title { width:100%;font-size: 48px; color:#333; text-align:center; padding-top:60px;}

.caseBtns{width: 100%; margin-top: 25px; text-align: center;}
.caseBtns a{display: inline-block; min-width:250px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius:35px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.caseBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caseBtns a:hover:after,.caseBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*解决方案*/
  .transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
  .Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
  .tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
  .XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
  .inA_con:nth-child(2n) .inA_con_L.Xtransy,.inE.Xtransy{transform: translateX(80px);-webkit-transform: translateX(80px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;}
  .inA_con:nth-child(2n) .inA_con_L.XtranShow,.inE.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
  .img:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
  
  
  
  
.ser_ba_en{position:absolute;bottom:0px;left:0px;right:0px;padding:60px 0px 60px;border-top:1px solid rgba(255,255,255,0.1);z-index:1;}
.ser_ba_en li{height:156px;float:left;width:20%;text-align:center;}
.ser_ba_en li a{width:100%;height:100%;float:left;background:url(../images/dian.png) repeat-y right;}
.ser_ba_en li a p{height:80px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

.ser_ba_en li a:hover p{-webkit-animation:flipinY 1.5s ease-out backwards;-moz-animation:flipinY 1.5s ease-out backwards;-ms-animation:flipinY 1.5s ease-out backwards;animation:flipinY 1.5s ease-out backwards;}
@-webkit-keyframes flipinY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1
;}}
@-moz-keyframes flipinY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}}
@-ms-keyframes flipinY{0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-ms-transform:perspective(400px) rotateY(-10deg);} 70%{-ms-transform:perspective(400px) rotateY(10deg);} 100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}}
@keyframes flipinY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0);opacity:1;}}




.ser_ba_en li a span{display:block;font-size:24px;color:#fff;margin-top:36px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.ser_ba_en li:last-child a{background:none;}

/*解决方案*/

.g-t4{text-align: center;color: #000;margin-bottom: 38px;}
.g-t4 h3{font-size:45px;font-weight: normal;margin-bottom: 20px;}
.g-t4 p{font-size: 16px;line-height: 30px;width: 70%;    margin: 0 auto;}


.row-f1{padding-top: 100px;}
.ul-list5{overflow: hidden;padding: 153px 0 163px;
	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;
}
.ul-list5 ul{text-align: center;}
.ul-list5 li{width: 128px;display: inline-block;vertical-align: top;margin: 0 34px;}
.ul-list5 .icon{width: 70px;height: 70px;display: block;margin: 0 auto 28px;
	background-position: center;background-repeat: no-repeat;position: relative;top: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-list5 .icon1{background-image: url(../images/i-s1.png);}
.ul-list5 .icon2{background-image: url(../images/i-s2.png);}
.ul-list5 .icon3{background-image: url(../images/i-s3.png);}
.ul-list5 .icon4{background-image: url(../images/i-s4.png);}
.ul-list5 .icon5{background-image: url(../images/i-s5.png);}
.ul-list5 .icon6{background-image: url(../images/i-s6.png);}
.ul-list5 h4{font-size: 16px;line-height: 22px;
	color: #fff;font-weight: normal;
}
.ul-list5 li:hover .icon{top: -8px;}
.ul-list6{text-align: center;font-size: 0;margin-bottom: 45px;}
.ul-list6 li{display: inline-block;margin: 0 22px;text-align: center;}
.ul-list6 .pic{display: block;width: 130px;height: 130px;line-height: 140px;
	background-color: #fff;border-radius: 50%;overflow: hidden;
	box-shadow: 0px 5px 40px rgba(0,0,0,.1);margin-bottom: 8px;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.ul-list6 .pic img{display: inline-block;vertical-align: middle;
	max-width: 90%;max-height: 90%;
}
.ul-list6 p{font-size: 18px;line-height: 40px;}
.ul-list6 li:hover .pic{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.box-btn{font-size: 0;}
.box-btn a{height: 53px;display: inline-block;line-height: 51px;text-align: center;
	font-size: 20px;border-radius:0px;margin: 0 5px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.box-btn .seek{width: 197px;color: #fff;border: 1px solid #da251d;background-color: #da251d;
}
.box-btn .seek i{width: 29px;height: 23px;display: inline-block;vertical-align: middle;
	background: url(../images/i-zi.png) no-repeat center center;margin-top: -1px;margin-right: 12px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.box-btn .more{width: 129px;border: 1px solid #b2b2b2;background-color: #fff;}
.box-btn .seek:hover{background-color: #fff;color: #da251d;}
.box-btn .seek:hover i{background-image: url(../images/i-zi-on.png);}
.box-btn .more:hover{border-color: #fff;color: #fff;background-color: #da251d; border:0;}
.row-f1 .ul-list6{margin-top: -79px;}
.row-f1 .box-btn{text-align: center;}

.m-scheme1{padding: 150px 0 200px 240px;	background-position: center top;background-repeat: no-repeat;box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.1);}
.ul-list7{margin-bottom: 77px;*zoom:1; }
.ul-list7:after,.ul-list7:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.ul-list7 li{float: left;text-align: center;margin-right: 55px;}
.ul-list7 .icon{width: 50px;height: 50px;display: block;margin: 0 auto 7px;
	background-position: center;background-repeat: no-repeat;
	position: relative;top: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-list7 .icon1{background-image: url(../images/i-s7.png);}
.ul-list7 .icon2{background-image: url(../images/i-s8.png);}
.ul-list7 .icon3{background-image: url(../images/i-s9.png);}
.ul-list7 .icon4{background-image: url(../images/i-s10.png);}
.ul-list7 .icon5{background-image: url(../images/i-s11.png);}
.ul-list7 h4{font-size: 16px;font-weight: normal;color: #fff;}
.ul-list7 li:hover .icon{top: -8px;}
.row-f2 .ul-list6{text-align: left;}
.row-f2 .ul-list6 p{color: #fff;}
.row-f2 .box-btn{text-align: left;}
.row-f2{padding-top: 120px;}

.ul-list8{overflow: hidden;}
.ul-list8 li{float: left;margin-right: 120px;}
.ul-list8 li p{font-size: 20px;color: #fff;padding-left: 28px;
	line-height: 56px;height: 56px;overflow: hidden;
	background: url(../images/i-dian.png) no-repeat left center;
}
.m-scheme2 .txt{font-size: 16px;line-height: 35px;color: #fff;
	padding: 0 75px;margin-bottom: 90px;
}
.m-scheme2 .txt h4{font-weight: normal;}
.m-scheme2 .desc{height: 140px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.row-f3 .ul-list6{padding-left: 75px;text-align: left;}
.row-f3 .ul-list6 p{color: #fff;}
.row-f3 .box-btn{padding-left: 75px;}
.row-f3{padding-bottom: 112px;padding-top: 100px;position: relative;}
.row-f3:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 555px;
	background-color: #eef3f7;
}

.row-f4{padding-top: 100px;}
.m-scheme3{overflow: hidden;}
.m-scheme3 .col-l{width: 784px;padding: 110px 0 69px;
	background-image: url(../images/p-bg10.jpg);
	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;
}
.m-scheme3 .col-r{overflow: hidden;float: none;padding-left: 95px;padding-top: 110px;}

.ul-list9{text-align: center;font-size: 0;width: 300px;margin: 0 auto;}
.ul-list9 li{display: inline-block;width: 130px;height: 130px;padding: 14px;margin: 0 4px 10px;
	background: rgba(255,255,255,.35);border-radius: 50%;position: relative;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.ul-list9 span{width: 100%;height: 100%;display: block;border-radius: 50%;}
.ul-list9 .i1 span{background-color: #4f8aa8;}
.ul-list9 .i2 span{background-color: #44cf4e;}
.ul-list9 .i3 span{background-color: #15848b;}
.ul-list9 .i4 span{background-color: #5f8ad6;}
.ul-list9 .i5 span{background-color: #344362;}
.ul-list9 .i6 span{background-color: #44b6f0;}
.ul-list9 .i7 span{background-color: #005493;}
.ul-list9 .i8 span{background-color: #3960b5;}
.ul-list9 em{position: absolute;top: 50%;left: 50%;width: 97px;
	text-align: center;font-size: 18px;color: #fff;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.ul-list9 li:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.row-f4 .g-t4{text-align: left;}
.row-f4 .ul-list6{text-align: left;}

.row-f5{padding-top: 120px;padding-bottom: 125px;}
.ul-list10{overflow: hidden;padding: 20px 0;}
.ul-list10 ul{text-align: center;}
.ul-list10 li{display: inline-block;vertical-align: top;margin: 0 34px;position: relative;padding-bottom: 15px;}
.ul-list10 li:after{content: '';position: absolute;top: 100%;left: 50%;width: 14px;height: 280px;margin-left: -7px;
	background: url(../images/i-bor.png) no-repeat center top;
}
.ul-list10 .icon{width: 60px;height: 60px;display: block;margin: 0 auto 15px;
	background-position: center;background-repeat: no-repeat;z-index: 102;
	position: relative;top: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-list10 .icon1{background-image: url(../images/i-s12.png);}
.ul-list10 .icon2{background-image: url(../images/i-s13.png);}
.ul-list10 .icon3{background-image: url(../images/i-s14.png);}
.ul-list10 .icon4{background-image: url(../images/i-s15.png);}
.ul-list10 .icon5{background-image: url(../images/i-s16.png);}
.ul-list10 .icon6{background-image: url(../images/i-s17.png);}
.ul-list10 h4{font-size: 18px;line-height: 22px;
	color: #000;font-weight: normal;
}
.ul-list10 .pic{margin-top: -20px;position: relative;z-index: 1;}
.ul-list10 .pic img{width: 100%;display: block;}
.ul-list10 li:hover .icon{top: -8px;}

.row-f5 .ul-list6{margin-top: -230px;position: relative;z-index: 2;}
.row-f5 .box-btn{text-align: center;}
.ul-list11{overflow: hidden;padding: 46px 0 0;margin-bottom: 130px;}
.ul-list11{text-align: center;}
.ul-list11 li{display: inline-block;vertical-align: top;margin: 0 34px;}
.ul-list11 .icon{width: 70px;height: 70px;display: block;margin: 0 auto 17px;
	background-position: center;background-repeat: no-repeat;
	position: relative;top: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-list11 .icon1{background-image: url(../images/i-s18.png);}
.ul-list11 .icon2{background-image: url(../images/i-s19.png);}
.ul-list11 .icon3{background-image: url(../images/i-s20.png);}
.ul-list11 .icon4{background-image: url(../images/i-s21.png);}
.ul-list11 .icon5{background-image: url(../images/i-s22.png);}
.ul-list11 .icon6{background-image: url(../images/i-s23.png);}
.ul-list11 h4{font-size: 18px;line-height: 22px;
	color: #fff;font-weight: normal;
}
.ul-list11 li:hover .icon{top: -8px;}
.row-f6{padding: 116px 0 100px;
	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;
}
.row-f6 .g-t4{color: #fff;}
.row-f6 .ul-list6 p{color: #fff;}
.row-f6 .box-btn{text-align: center;}

/*解决方案二*/
.l, .col-l, .col_l, .col-c, .col_c { float:left;}
.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span { float:right;}
.row-f7{margin-top: 80px;padding-top: 65px;
	background:url(../images/p-bg24.png) no-repeat center top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.row-f7 .warp{overflow: hidden;}
.row-f7 .col-l{width: 955px;margin-right: 11px;
	background: url(../images/bg-01.jpg) no-repeat center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.row-f7 .col-r{float: none;overflow: hidden;height: 635px;background-color: #001c80;padding: 77px 0 0px;box-sizing: border-box;}
.box-txt4{padding: 0 75px;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 47px;
}
.box-txt4 h4{font-weight: normal; font-size:32px; padding-bottom:15px;}
.row-f7 .box-btn{padding-left: 75px;}
.row-f7 .ul-list6 p{color: #fff;}

.j-list1{height: 635px;position: relative;}
.j-list1 li{position: absolute;}
.j-list1 .icon{display: block;width: 80px;height: 80px;	background: url(../images/i-bg3.png) no-repeat center center; margin:0 auto;}
.j-list1 .icon i{display: block;width: 100%;height: 100%;	background-position: center;background-repeat: no-repeat;
	-o-background-size: 80% auto;
	-ms-background-size: 80% auto;
	-moz-background-size: 80% auto;
	-webkit-background-size: 100% auto;
	background-size: 80% auto;
}
.j-list1 p{font-size: 16px;color: #fff;text-align: center;margin-top: -8px;}
.j-list1 .i1{left: 28%;top: 21%;}
.j-list1 .i2{left: 58%;top: 8%;}
.j-list1 .i3{left: 25%;top: 56%;}
.j-list1 .i4{left: 62%;top: 40%;}
.j-list1 .i5{left: 46%;bottom: 17%;}


/*机械设备解决方案*/
.row-f2 .ul-list6{text-align: left;}
.row-f2 .ul-list6 p{color: #fff;}
.row-f2 .box-btn{text-align: left;}
.row-f2{padding-top: 120px;}
.m-scheme2{overflow: hidden;position: relative;z-index: 2;}
.m-scheme2 .col-l{width:49%;margin-right: 11px;padding: 73px 0 86px 140px;
	background-image: url(../images/p-bg9.jpg);
	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;
	box-sizing: border-box;
}
.m-scheme2 .col-r{float: none;overflow: hidden;background-color: #434343;padding: 85px 80px 80px 0;
}

.m-scheme2 .txt{font-size: 16px;line-height: 35px;color: #fff;padding: 0 75px;margin-bottom: 30px;
}
.m-scheme2 .txt h4{font-weight: normal; font-size: 32px; padding-bottom: 15px;}

.m-scheme2 .desc{height: 140px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.row-f4{padding-top: 100px;}
.m-scheme3{overflow: hidden;}
.m-scheme3 .col-l{width: 784px;padding: 110px 0 69px;
	background-image: url(../images/p-bg10.jpg);
	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;
}
.m-scheme3 .col-r{overflow: hidden;float: none;padding-left: 95px;padding-top: 110px;}

.ul-list9{text-align: center;font-size: 0;width: 300px;margin: 0 auto;}
.ul-list9 li{display: inline-block;width: 130px;height: 130px;padding: 14px;margin: 0 4px 10px;
	background: rgba(255,255,255,.35);border-radius: 50%;position: relative;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.ul-list9 span{width: 100%;height: 100%;display: block;border-radius: 50%;}
.ul-list9 .i1 span{background-color: #4f8aa8;}
.ul-list9 .i2 span{background-color: #44cf4e;}
.ul-list9 .i3 span{background-color: #15848b;}
.ul-list9 .i4 span{background-color: #5f8ad6;}
.ul-list9 .i5 span{background-color: #344362;}
.ul-list9 .i6 span{background-color: #44b6f0;}
.ul-list9 .i7 span{background-color: #005493;}
.ul-list9 .i8 span{background-color: #3960b5;}
.ul-list9 em{position: absolute;top: 50%;left: 50%;width: 97px;
	text-align: center;font-size: 18px;color: #fff;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.ul-list9 li:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}


/*新闻资讯*/



/*关于烽虎*/
.wrap {
    width: 83vw;
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}

.fadeIntop {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translateY(30px)
}
.fadeIntop.show {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translateY(0);
	transition:all .3s ease 0s
}
.about-box {
	background:#fff;
}
.show {
    display:flex !important;
}

.about_img img {
	width:100%;
	transform:translateZ(0);
	transition:transform .3s ease 0s
}
.about_img .up-graybox {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all .4s ease 0s
}
.about_img .i-wrap .up-graybox .bgbox {
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60)
}
.about_img:hover img {
	transform:scale(1.05,1.05);
	transition:transform .6s ease 0s
}
.about_img:hover .up-graybox {
	opacity:1;
	filter:alpha(opacity=1)
}
.about_img:hover .up-graybox .line03 {
	width:52px;
	margin-left:0
}
.about_list_wrap {
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin:.5rem auto 1rem;
	justify-content:space-between
}
.about_list_wrap li {
	position:relative;
	overflow:hidden;
	margin-bottom:2%
}
.about_list_wrap .img.img60 {
	width:54.5%
}
.about_list_wrap .img.img38 {
	width:43%
}
.up-graybox {
	z-index:3
}
.up-graybox .bgbox {
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60)
}
.up-graybox b {
	display:block;
	font-size:30px;
	font-weight:300;
	line-height:1.4
}
@media (max-width:640px) {
	.up-graybox b {
	font-size:24px
}
}.up-graybox .line {
	display:inline-block;
	width:100px;
	height:1px;
	background-color:#f2f2f2;
	position:absolute;
	left:50%;
	margin-left:-50px;
	transition:all .6s ease 0s
}
.up-graybox .line03 {
	position:relative;
	-webkit-transform-origin:100% 100%;
	transform-origin:100% 100%;
	left:0;
	transition:.45s cubic-bezier(.52,.01,.16,1);
	content:"";
	background:#fff;
	top:20%;
	height:1px;
	width:100px
}
.about_img .up-graybox .stit {
	text-align:left;
	top:auto;
	bottom:20px;
	padding:0 3%;
	width:94%;
	line-height:1.8;
	font-size:16px;
	line-height:30px;
	width:100%;
	position:absolute;
	left:0;
	margin-top:-15px;
	color:#fff
}

.v-pagination span {
	height:.2rem;
	width:.2rem;
	border-radius:0;
	background:#fff;
	border:1px solid #d61919
}
.v-pagination .swiper-pagination-bullet-active {
	background-color:#d61919
}
@media (max-width:480px) {
	.v-pagination span {
	width:14px;
	height:14px
}
}.index_point .vSwiper {
	padding-bottom:30px
}
.about-team {
	text-align:center
}
.about-team .about_per {
	margin-left:auto;
	margin-right:auto;
	width:100vw
}
.privacy_box {
	position:fixed;
	width:58%;
	max-width:800px;
	min-height:135px;
	font-size:16px;
	right:27px;
	bottom:146px;
	padding:30px;
	z-index:5556;
	background-color:#fff;
	transition:.6s;
	border:1px solid #f2f2f3;
	display:none;
	box-shadow:0 0 10px rgba(0,0,0,0.1)
}

/*Mobile Css*/
@media screen and (max-width:1600px){








}



@media screen and (min-width:1200px) and (max-width:1519px){
.ser_ba_en li a:hover p{margin-top:4px;}
.ser_ba_en li a:hover span{margin-top:40px;}





}
@media screen and (min-width:769px) and (max-width:1199px){
	.sec1{
		padding: 5rem 0 2.5rem;
	}
	.sec1 .left,.sec1 .right{
		width: 100%;
		display: block;
	}
	.sec1 .left{
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.sec1 .left img{
		margin-bottom: 1rem;
		height: 2rem;
	}
	.sec1 .left img.big100{
		height: 4rem;
	}
	.sec1 .left img.big25{
		height: 1rem;
	}
	.sec1 .left img.big30{
		height: 1.2rem;
	}
	.sec1 .left img.big35{
		height: 1.4rem;
	}
	.sec1 .left img.big40{
		height: 1.6rem;
	}
	.sec1 .left img.big45{
		height: 1.8rem;
	}
	.sec1 .left img.big60{
		height: 2.4rem;
	}
	.sec1 .left img.big80{
		height: 3.2rem;
	}
	.sec1 h3{
		font-size: 1.5rem;
	}
	.sec1 p{
		font-size: 0.75rem;
	}


	.sec2{
		padding: 2.5rem 0 1.5rem;
		text-align: center;
	}
	.sec2 img{
		width: 92%;
		margin-bottom: 1.5rem;
	}
	.sec2 img:nth-child(1){
		margin-left: 0;
	}
	.sec2 img:nth-child(2){
		margin: 0 0 1.5rem;
	}
	.sec2 img:nth-child(3){
		margin-right: 0;
		margin-bottom: 0;
	}


	.sec3{
		padding-bottom: 1rem;
	}
	.sec3 .grid-sizer{
		width: 100%;
	}
	.sec3 .gutter-sizer{
		width: 0;
	}
	.sec3 .grid-item{
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.sec4{
		padding: 2.5rem 0;
	}




}
@media screen and (max-width:768px){

}