@charset "utf-8";
/* CSS Document */
.jfjs{background:url(../images/jfbq_bg.jpg) repeat-x scroll center center;
    height: 550px;}
.img1 img{ margin:30px 0 0 510px;}
.img2 img{ margin:60px 0 60px 300px;}
.title01{ padding: 35px 0; text-align: center; z-index: 100;}
.title01 .large{ margin-bottom: 6px; font-size: 30px; font-weight: 500; line-height: 36px;}
.title01 .large:after{ content: ''; display: block; margin: 15px auto; width: 40px; height: 3px; background: #0194eb;}
.title01 .small{ line-height: 24px; font-size: 16px; font-weight: 500;}

.title02{ margin-bottom: 10px; line-height: 38px; height: 38px; border-bottom: 2px solid #efefef;}
.title02 .more{ float: right; color: #666;}
.title02 .more:hover{ text-decoration: underline; color: #4183cb;}
.title02 .name{ font-size: 18px;font-weight: 600; display: inline-block; *display: inline;zoom: 1; border-bottom: 2px solid #4183cb;}

.title03{ padding: 40px 0; position: relative; text-align: center;}
.title03:after{ content: ''; width: 40%; position: absolute; height: 1px; background: #ddd; top: 64px; left: 30%; z-index: 0;}
.title03 .name{ margin-bottom: 7px; position: relative; z-index: 1; padding: 0 10px; background: #fff; display: inline-block; *display: inline;zoom: 1; font-size: 28px; color: #2daec2;}
.title04{ margin-bottom: 10px; padding: 0 0 10px; line-height: 18px;}
.title04 .name{ border-left: 4px solid #2daec2; padding-left: 9px; font-size: 18px; line-height: 18px;}
.case-lsit-h{ padding-bottom: 30px;  height: 370px; font-size:14px;}
.case-lsit-h li{ float: left; width:184px; height:180px; margin-left: 55px; margin-bottom: 20px;}
.case-lsit-h p {background:#000000; display:block; color:#FFFFFF; line-height:40px; text-indent:8%;}
.case-lsit-h li a{ position: relative; display: block; width: 100%;}
.case-lsit-h li img{ width: 100%; height: 100%; }
.case-lsit-h li .cove{ display: none; color: #fff; text-align: center; font-size: 16px; line-height: 108px; position: absolute;z-index: 10; top: 0; left: 0;
    width: 100%; height: 100%;  background: #28b9c0 url("../images/alp-bg.png") top left repeat; background: #28b9c0;}
.case-h-tit{ text-align: center; font-size: 0;}
.case-h-tit li{ display: inline-block; *display: inline; zoom: 1; margin-left: 3px;}
.case-h-tit li a{ position: relative; display: block; font-size: 15px; min-width: 60px; padding: 0 20px; line-height: 42px; background: #fff;}
.case-h-tit .active a{ background: #2fdee6; color: #fff;}
.case-h-tit .active a:before{ content: '';position: absolute; display:block;  width:0;  height:0;  border-width:0 8px 8px;  border-style:solid;
    border-color:transparent transparent #2fdee6;  position:absolute;  top:-8px;  left:50%; margin-left:-8px;}