.clearfix:before, .clearfix:after{content: "";display: table;font-size: 0 !important;line-height: 0 !important;height: 0 !important;}
.clearfix:after{clear: both;}
.page-seocost{ line-height:1.5; color:#555;}
.page-seocost h3{ font-size:16.38px;}
.pd{padding: 40px 0;}
.htitle{text-align: center;}
.htitle h2{font-size: 36px;}
.htitle p{margin-top: 15px;}
.text-ellipsis{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.index-top{background: #e0eaef;}
.index-top li{float: left;width: 25%;box-sizing: border-box;padding: 20px;color: #a3abae;}
.index-top li.li1{background: #ecf3f6;}
.index-top li .icon{float: left;width: 35px;margin-top: 15px;}
.index-top li .text{padding-left: 50px;}
.index-top li .text h3{color: #356cb0;font-weight: normal;margin-bottom: 5px;}
.index-part1 .icon{width: 45%;float: right;}
.index-part1 .text{width: 50%;float: left;text-align: left;}
.index-part1 .text h2{color: #0b8fcf;}
.index-part1 .text h3{height: 52px;line-height: 35px;color: #fff;padding: 0 15px;margin: 15px 0;background: url("../images/index-part1-icon4-bg1.png") no-repeat;background-size: contain;}
.index-part1 .text p{font-size: 16px;color: #666;line-height: 30px;margin-top: 30px;text-indent: 2em;}
.index-part1 .text a{display: block;width: 150px;height: 40px;line-height: 40px;border: 1px solid #0a88c8;text-align: center;border-radius: 20px;font-size: 16px;margin-top: 30px;color: #0a88c8;}
.index-part1 .text a:hover{background: #0a88c8;color: #fff;}
.index-part1 .text ul{margin-left: -5%;}
.index-part1 .text li{width: 22%;float: left;margin-right: 3%;text-align: center;}
.index-part1 .text li .icon-s{width: 65px;background: #0a88c8;padding: 10px;box-sizing: border-box;border-radius: 5px;margin: 30px auto 0;}
.index-part1 .text li .icon-s img{display: block;}
.index-part1 .text li h4{font-size: 18px;color: #0b8fcf;font-weight: normal;margin-top: 20px;}
.index-part1 .text li:hover .icon-s{transform: rotateY(360deg);-moz-transform: rotateY(360deg); /* Firefox */-webkit-transform: rotateY(360deg); /* Safari 和 Chrome */-o-transform: rotateY(360deg); /* Opera */background-color: #c00d22;transition: all 1s;}
.index-part1 .text li:hover h4{color: #c00d22;}
.index-part2{background: url("../images/index-part2-bg1.jpg") top center;color: #fff;}
.index-part2 li{float: left;width: 32%;margin-right: 2%;text-align: center;padding: 40px;box-sizing: border-box;background-color: rgba(0, 52, 77, .3);margin-top: 30px;position: relative;top: 0;transition: all 1s;}
.index-part2 li.mar0{margin-right: 0;}
.index-part2 li img{display: block;margin: 0 auto;}
.index-part2 li .img2{display: none;}
.index-part2 li h3{margin: 20px 0;}
.index-part2 li p{line-height: 24px;height: 72px;overflow: hidden;}
.index-part2 li:hover{background: #fff;top: -15px;}
.index-part2 li:hover .img1{display: none;}
.index-part2 li:hover .img2{display: block;}
.index-part2 li:hover h3{color: #0a88c8;}
.index-part2 li:hover p{color: #666;}
.index-part3 li{width: 13%;float: left;text-align: center;color: #fff;height: 380px;margin-top: 40px;overflow: hidden;}
.index-part3 li .icon{margin-top: 100px;margin-bottom: 20px;}
.index-part3 li h3{font-size: 20px;font-weight: normal;margin-bottom: 15px;}
.index-part3 li span{display: block;font-size: 12px;}
.index-part3 li p{display: none;font-size: 16px;line-height: 30px;margin-top: 40px;}
.index-part3 li.active{width: 32%;margin: 40px 1.5% 0;}
.index-part3 .li1.active{margin-left: 0;}
.index-part3 .li6.active{margin-right: 0;}
.index-part3 .li1{background: url("../images/index-part3-bg1.png") no-repeat top center;}
.index-part3 .li1.active{background: url("../images/index-part3-bg1-hover.png") no-repeat top center;}
.index-part3 .li2{background: url("../images/index-part3-bg2.png") no-repeat top center;}
.index-part3 .li2.active{background: url("../images/index-part3-bg2-hover.png") no-repeat top center;}
.index-part3 .li3{background: url("../images/index-part3-bg3.png") no-repeat top center;}
.index-part3 .li3.active{background: url("../images/index-part3-bg3-hover.png") no-repeat top center;}
.index-part3 .li4{background: url("../images/index-part3-bg4.png") no-repeat top center;}
.index-part3 .li4.active{background: url("../images/index-part3-bg4-hover.png") no-repeat top center;}
.index-part3 .li5{background: url("../images/index-part3-bg5.png") no-repeat top center;}
.index-part3 .li5.active{background: url("../images/index-part3-bg5-hover.png") no-repeat top center;}
.index-part3 .li6{background: url("../images/index-part3-bg6.png") no-repeat top center;}
.index-part3 .li6.active{background: url("../images/index-part3-bg6-hover.png") no-repeat top center;}
.index-part3 li.active h3{font-size: 22px;}
.index-part3 li.active .icon{margin-top: 65px;}
.index-part3 li.active p{display: block;}
.index-part4 li{width: 25%;float: left;box-sizing: border-box;padding: 40px;text-align: center;}
.index-part4 li .icon{width: 122px;height: 122px;line-height: 122px;margin: 0 auto 30px;background: url("../images/index-part4-bg1.png") no-repeat;}
.index-part4 li .icon img{display: inline-block;vertical-align: middle;}
.index-part4 li h3{font-size: 20px;color: #0a88c8;font-weight: normal;margin-bottom: 15px;}
.index-part4 li p{color: #888;line-height: 24px;}
.index-part5{background: url("../images/index-part5-bg.jpg") bottom center;}
.index-part5 li{width: 20%;float: left;text-align: center;margin-top: 40px;}
.index-part5 li .icon{font-size: 25px;color: #fff;background: #0a88c8;width: 50px;height: 50px;line-height: 50px;margin: 0 auto;text-align: center;border-radius: 25px;}
.index-part5 li h3{color: #0a88c8;font-size: 20px;font-weight: normal;margin: 40px 0 20px;}
.index-part5 li p{font-size: 16px;color: #888;}
.index-adv{background: url("../images/index-adv-bg.jpg") bottom center;color: #fff;}
.index-adv .left{width: 70%;float: left;}
.index-adv .left h2{margin-bottom: 15px;font-size: 22px;font-weight: normal;}
.index-adv .left h3{font-size: 22px;font-weight: normal;}
.index-adv a{float: right;width: 200px;font-size: 16px;color: #ffffff;height: 45px;border: 1px solid #fff;text-align: center;line-height: 45px;margin-top: 20px;}
.index-adv a:hover{background: #fff;border-color: #0a88c8;color: #0a88c8;}

.case{}
.case .tit{height: 40px;line-height: 40px;}
.case .tit h2{font-size: 30px;float: left;}
.case .tit .more{float: right;}
.case-nav{margin-top: 10px;width: 1125px;}
.case-nav li{float: left;padding: 10px 5px 0 0;-webkit-transform: scale(0.25, 0.25);-moz-transform: scale(0.25, 0.25);-ms-transform: scale(0.25, 0.25);transform: scale(0.25, 0.25);}
.case-nav a{width: 120px;text-align: center;display: block;height: 45px;line-height: 45px;background: #f2f2f2;font-size: 14px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.case-nav .active a, .case-nav a:hover{background: #10418e;color: #FFF;}
.case-list{margin-top: 10px;}
.case-list .item{width: 49%;float: left;border: 1px dotted #ddd;padding: 10px;background: #fff;overflow: hidden;box-sizing: border-box;margin-top: 20px;margin-right: 2%;}
.case-list .item.mar0{margin-right: 0;}
.case-list .imgbox{position: relative;overflow: hidden;}
.case-list .imgbox img{-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;}
.case-list .imgbox:after{content: '';position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.case-list .imgbox:before{font-family: "iconfont" !important;content: "\e775";position: absolute;z-index: 2;left: 50%;top: 50%;margin: -36px 0 0 -36px;color: #FFF;width: 72px;height: 72px;font-size: 72px;line-height: 72px;display: block;opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(0.25, 0.25);-moz-transform: scale(0.25, 0.25);-ms-transform: scale(0.25, 0.25);transform: scale(0.25, 0.25);}
.case-list .imgbox:hover:before{opacity: 1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.case-list .tap:hover .imgbox:after{background: rgba(0, 0, 0, 0.6);}
.case-list .data{height: 65px;width: 90px;color: #0f9ca1;float: left;font-size: 28px;text-align: center;line-height: 65px;display: inline-block;margin-right: 15px;background: #f7f7f7;}
.case-list .name{font-size: 18px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case-list .dsp{line-height: 24px;margin: 8px 0; color:#666;}
.case_list .item{width: 32%;}
.case_list .case-list .name{margin-top: 10px;}

@media (max-width: 1199px){
	.index-part1, .index-part2, .index-part3, .index-part4, .index-part5, .index-adv{padding-left: 15px;padding-right: 15px;}
	}
@media (max-width: 1024px){}
@media (max-width: 768px){
	.index-part1 .icon{display: none;}
	.index-part1 .text{width: 100%;}
	.index-part4 li{padding: 20px 10px;}
	.case{padding: 0 0 20px;margin-top: 0;overflow: hidden;}
	.case .tit{margin-top: 15px;padding: 0 15px;}
	.case-nav{width: auto;margin-right: -5px;overflow: hidden;}
	.case-nav li{width: 33.33%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px 5px 0 0;}
	.case-nav a{width: 100%;}
	.case-list{width: auto;padding:0 15px;box-sizing: border-box;}
}
@media (max-width: 480px){
	.pd{padding-top: 20px;padding-bottom: 20px;}
	.m_hidden{display: none;}
	.htitle h2{font-size: 24px;}
	.index-top li{width: 50%;padding: 15px;}
	.index-top li p{display: none;}
	.index-top li.li1{background: none;}
	.index-top li .text{line-height: 35px;}
	.index-top li:first-child, .index-top li:last-child{background: #ecf3f6;}
	.index-top li .icon{margin-top: 0;}
	.index-part1 .text p{font-size: 14px;margin-top: 15px;}
	.index-part2 li{width: 48%;margin-right: 0;padding: 15px;}
	.index-part2 li:nth-child(odd){margin-right: 4%;}
	.index-part2 li:nth-child(n+5){display: none;}
	.index-part2 li h3, .index-part4 li h3, .index-part5 li h3, .case-list .name, .index-part1 .text li h4, .index-top li .text h3{font-size: 16px;font-weight: bold;}
	.index-part4 li{width: 50%;padding-bottom: 0;}
	.index-part5 li{margin-top: 0;}
	.index-part5 li h3{margin: 0;margin-top: 15px;}
	.index-part5 li p, .index-part2 li p{display: none;}
	.index-adv .left{float: none;width: 100%;}
	.index-adv a{float: none;display: block;height: 40px;line-height: 40px;background: #fff;color: #0a88c8;}
	.case .tit h2{font-size: 24px;}
	.case-list{margin-top: 0;}
	.index-adv .left h2, .index-adv .left h3{font-size: 18px;font-weight: bold;}
	.index-part2 li h3{margin-bottom: 0;}
	.index-part1 .text li{width: 25%;margin-right: 0;}
	.case-list .imgbox{display:none;}
	.case-list .item{width: 100%;}
	.case-list .dsp{overflow: hidden;}
}