5m @charset "utf-8";
.flexslider{ width:100%; margin:0 auto;height:680px;}
.slides li{background-repeat:no-repeat; background-position:top center; background-size:cover;height:auto;}
.slides li a{ display:block; height:100%; width:100%}

.index-txt,.index-txt2,.index-sub-nav{ text-align:center; font-size:30px; line-height:1}
.index-txt2{font-size:46px;}
.index-sub-nav{font-size:24px; color:#535353;}
.index-sub-nav a{ color:#535353; margin:0 10px;}

.index-pic a{ display:block; float:left; width:36%; overflow:hidden; position:relative}
.index-pic a img{ display:block; width:100%}
.index-pic a ul{ left:0;top:0; width:100%; height:100%; position:absolute;}
.index-pic a p{ position:absolute; top:50%;text-align:center; width:100%; color:#fff;-webkit-transform: translateY(-50%);transform: translateY(-50%); font-size:21px;}
.index-pic a p b{ font-size:35px; font-weight:normal; display:block; margin-bottom:20px;}
.index-pic a.p0{ width:64%; }
.index-pic a.p2{ width:49%; }
.index-pic a.p3{ width:51%; }
.index-pic a:hover ul{background:rgba(0,0,0,0.5);}

.index-txt3{text-align:center; font-size:34px; line-height:1.6}

.case ul{ margin:0 -10px;}
.case ul dl{ float:left; width:33.3333%; margin-top:30px;}
.case ul dl a{ margin:10px;overflow:hidden; display:block; position:relative;}
.case ul dl dt{ position:relative}
.case ul dl dt p{ position:absolute;left:0;top:0; width:100%; height:100%;background:rgba(0,0,0,0.5); display:none;}
.case ul dl dt:hover p{ display:block;}
.case ul dl a img{ width:100%; display:block;}
.case ul dl dd{font-size:20px; margin-top:10px;}
.case ul dl dd h4{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:5px}

.service{ margin:0 -10px;}
.service-item{ float:left; width:25%;}
.service-item dl{ border:1px solid #ffdd00; margin:0 10px; height:100%;}
.service-item dl dt{ background:#ffdd00; padding:20px 0 10px 40px; font-size:30px;}
.service-item dl dt span{ display:block;}
.service-item dl dd{ padding:20px 20px 20px 40px; line-height:1.8; font-size:20px;}

.index-txt4{ text-align:center; font-size:33px; line-height:2;}
.index-txt4 span{ border-bottom:3px solid #000;}

@media only screen and (max-width: 960px) {
	/* .slides li,.flexslider{height:200px;} */
	.index-txt,.index-txt2{ font-size:18px;}
	.index-sub-nav{ font-size:14px;}
	.index-pic a p b{ font-size:20px; margin-bottom:10px;}
	.index-pic a p{ font-size:14px;}
	.index-txt3{ font-size:20px;}
	.case ul dl{ margin-top:10px; width:50%;}
	.case ul dl a{ margin:0 5px;}
	.case ul dl dd{ font-size:16px;}
	.index-txt4{ font-size:18px;}
	.service-item{width:50%; margin-bottom:10px;}
	.service-item dl{ margin:0 5px;}
	.service-item dl dt{ padding:10px 0 10px 20px; font-size:18px;}
	.service-item dl dd{ padding:10px 10px 10px 20px;font-size:14px;}
}