﻿@font-face {
	font-family: 'index';
	src:url('../fonts/case.eot?cv6lls');
	src:url('../fonts/case.eot?#iefixcv6lls') format('embedded-opentype'),
		url('../fonts/case.ttf?cv6lls') format('truetype'),
		url('../fonts/case.woff?cv6lls') format('woff'),
		url('../fonts/case.svg?cv6lls#index') format('svg');
	font-weight: normal;
	font-style: normal;
}

.page {height: 100%;position: relative;z-index: 1;}

.case_banner{position: relative;height:500px;overflow: hidden;}
.case_banner_txt{position: absolute;left:20%;top:32%; z-index:1;max-width: 1000px;width: 50%;color: #fff;}
.case_banner_txt h2{font-size:2.6em;padding-bottom: 20px;}
.case_banner_txt p{line-height:2em;width:70%;font-size: 18px;}
.bannerBg{position: absolute;}
.bannerBg img{height:500px;}

.fixMenu{max-width: 1000px;margin:60px auto 0;}
.fixMenu .fixMenuBox{font-size: 0;border-right: 1px solid #dcdcdc;width: 100%; max-width: 1000px; position: relative; z-index:2;margin-top: 1px;}
.fixMenu .fixMenuBox a{width: 25%;text-align: center;display: inline-block;font-size: 16px;line-height:3em;background: #fbfaf8; cursor:pointer;border: 1px solid #dcdcdc;margin-right:-2px;}
.fixMenu .fixMenuBox a:hover,.fixMenu .fixMenuBox a.active{border-top:2px solid #359bfb;background: #fff;margin-top: -2px;}

.case_main{max-width: 1000px;margin:0 auto;text-align: center;}
.case_main2{max-width: 1000px;margin:0 auto;}
.case_main h3{font-size: 2.5em;padding: 2em 0 1.5em;}
.case_main2 h3{font-size: 2em;padding: 2.6em 0 0.5em 0.6em;}
.case_main .case_box{float: left;}
.case_main .case_box span{  font-size: 6em;background: #fff;color: #359bfb;}
.case_main dl.case_box dt{padding:0.5em 0 1em;font-size: 1.35em;}
.case_main dl.case_box dd{line-height:2em;text-align:left;}
.jjfa{color: #fff;}

.case_demand{padding-bottom: 3em;}
.case_demand .case_box{width:18%; padding: 0 1%;}
.case_demand dl.case_box dt::before{content: '·';display: inline-block;color: #359bfb; font-size:2em;vertical-align: sub;margin:0 5px 0 -15px;line-height: 30px;}

.case_solution{background: url(../images/case_solution.jpg) center center no-repeat; background-size: cover;color: #fff;height: 400px;}
.case_solution .case_box{width: 23%;padding: 0 1%;color: #fff;}

.case_worth{padding-bottom:4em;}
.case_worth .case_box{width:28%;padding: 0 2.5%;}
.case_worth .case_box dd{padding:1.5em 20%;}

.case_custom{background: #f3f3f3;}
.case_custom p{text-align: left; font-size: 1.2em;line-height:2em;padding: 0 5%;}
.case_custom p.author{text-align: right;}
.case_custom .case_custom_logo{font-size: 0;padding:40px 0 50px;}
.case_custom .case_custom_logo img{padding:0 1.4%;width: auto; height: auto;}
.weizhi,.hed{margin:0 10px;color: #a5a5a5;font-size: 0.875em;}


/*金融行业*/
.case_financial .case_solution{background: url(../images/case_solution02.jpg) center center  no-repeat;}

/*法律行业*/
.case_law .case_solution{background: url(../images/case_solution03.jpg) center center  no-repeat;}
.case_law .case_solution .case_box{width:18%;padding: 0 1%;}
.case_law .case_worth .case_box{width:44%;padding: 0 3%;}
.case_law .case_custom .case_custom_logo img{max-width:100%;}

/*政府及事业单位*/
.case_gov .case_solution{background: url(../images/case_solution04.jpg) center center  no-repeat;}
.case_gov .case_demand .case_box{ width:23%; padding: 0 1%;}
.case_gov .case_worth .case_box{width:44%;padding: 0 3%;}

/*大中型企业*/
.case_firm .case_solution{background: url(../images/case_solution05.jpg) center center  no-repeat;}
.case_firm .case_solution .case_box{ width:23%; padding: 0 5%;}
.case_firm .case_demand .case_box{ width:23%; padding: 0 1%;}

@media screen and (max-width: 26em){
	.case_banner_txt{left: 10%;width: 80%;}
	.case_banner_txt p{width:100%;}
	.case_custom{margin-bottom:10px;}
	.case_custom .case_custom_logo img{max-width:80px;}
	.case_law .case_custom_logo img{max-width:100%;}
	
	
	.page .case_demand .case_box{width:46%; padding: 0 2%;min-height: 260px;}
	.page .case_solution{height: auto;padding-bottom: 20px;}
	.page .case_solution .case_box{width:46%; padding: 0 2%;min-height: 200px;}
	
	.case_worth .case_box{width:46%; padding: 0 2%;min-height: 240px;}
	.case_worth .case_box dd{padding: 1.5em 10%;}
}
