﻿/* CSS common-服务流程/案例展示 star*/
.clearFloat:after {
	height: 0px;content: ".";
	clear: both;visibility: hidden;
	display: block;
}
*{margin: 0px;padding: 0px;}
a{text-decoration: none;font-family: "微软雅黑";}
a:hover{text-decoration: none !important;}
dl, ul{list-style:none;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.w1200{width: 1200px;min-width: 1200px;margin: auto;}
.index_cont1{margin-top: 55px;}
.index_cont1 .det{padding-top: 20px;}
.index_cont1 .det ul li{width: 228px;float: left;margin-right: 15px;margin-top: 12px;}
.index_cont1 .det ul li:nth-child(5n){margin-right: 0;}
.index_cont1 .det ul li a{display: block;border: solid 1px #9c9c9c;position: relative;overflow: hidden;transition: all 0.4s;}
.index_cont1 .det ul li a img{width: 100%;transition: all 0.4s;}
.index_cont1 .det ul li:hover a img{transform: scale(1.05);}
.index_cont1 .det ul li:hover a{border: solid 1px #e74545;}
.index_cont1 .det ul li a span{position: absolute;top: 158px;width: 100%;display: block;text-align: center;color: #ff0000;font-size: 18px;}
.index_cont1 .det ul li a em{position: absolute;top: 192px;width: 72px;height: 24px;left: 50%;margin-left: -36px;text-align: center;line-height: 24px;border-radius: 5px;color: #fff;font-size: 13px;background: #ff0000;}
.index_cont2{margin-top: 48px;}
.index_cont2 .det{margin-top: 30px;padding: 110px 0 85px;background: url(../images/index10.jpg) no-repeat center;background-size: cover;min-width: 1200px;}
.index_cont2 .det ul{margin-left: 60px;}
.index_cont2 .det ul li{width: 168px;margin-right: 22px;float: left;background: url(../images/index17.png) no-repeat right 45px;}
.index_cont2 .det ul li:last-child{background: none;}
.index_cont2 .det ul li .fon{width: 128px;text-align: center;}
.index_cont2 .det ul li .fon .ig{position: relative;width: 128px;height: 128px;background: #fff;border-radius: 8px;transition: all 0.4s;}
.index_cont2 .det ul li .fon .ig .ig1{width: 128px;height: 128px;line-height: 128px;transition: all 0.4s;}
.index_cont2 .det ul li .fon .ig .ig1 img{vertical-align: middle;}
.index_cont2 .det ul li .fon .ig .ig2{width: 128px;height: 128px;line-height: 128px;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.4s;}
.index_cont2 .det ul li .fon .ig .ig2 img{vertical-align: middle;}
.index_cont2 .det ul li:hover .fon .ig{background: #ff6600;}
.index_cont2 .det ul li:hover .fon .ig .ig1{opacity: 0;}
.index_cont2 .det ul li:hover .fon .ig .ig2{opacity: 1;}
.index_cont2 .det ul li.active .fon .ig{background: #ff6600;}
.index_cont2 .det ul li.active .fon .ig .ig1{opacity: 0;}
.index_cont2 .det ul li.active .fon .ig .ig2{opacity: 1;}
.index_cont2 .det ul li .fon .down{margin-top: 20px;line-height: 25px;}
.index_cont2 .det ul li .fon .down em{display: inline-block;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;background: #ff6600;color: #fff;font-size: 17px;}
.index_cont2 .det ul li .fon .down span{color: #fff;font-size: 17px;margin-left: 3px;}
.index_cont3{margin-top: 50px;}
/* CSS common-服务流程/案例展示 end */