@charset "utf-8";
/* CSS Document */
.case{width:100%;height:auto;clear:both;position:relative;}



        .indThr {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        .kcList {
            width:100%;
            height: 100%;
            margin: 0 auto;
			overflow:hidden;
        }

        .picList {
            width: 100%;
     height: auto;
            margin: 0;
            padding: 0;
        }

        .picList li {
            width: 50%;
            height: auto;
            float: left;
            overflow: hidden;

			overflow:hidden;
			position: relative;
        }


        .meng {
            width: 100%;
            height: 100%;
            display: block;
        }

        .da-thumbs li .img,
        .da-thumbs li .img img {
            display: block;
            position: relative;
			    transition: all 3s;
    -ms-transition: all 3s;
	width:100%;
	height:auto;
        }

        .da-thumbs li .img {
            overflow: hidden;
			
        }


    .da-thumbs li .ctxt{width:100%;height:100%;position:absolute;left:0px;top:0px;}
	
.da-thumbs li .ctxt h1{width:90%;margin:0 auto;line-height:3;color:#fff;font-size:3rem;text-align:center;letter-spacing:2px;margin-top:20%;font-weight:normal;}
.da-thumbs li .ctxt h1 a{width:90%;margin:0 auto;line-height:3;color:#fff;font-size:3rem;text-align:center;letter-spacing:2px;font-weight:normal;transition: 400ms ease-in-out;}
.da-thumbs li .ctxt ul{width:100%;text-align:center;}
.da-thumbs li .ctxt ul li{display:inline-table;width:auto;height:auto;padding:0px 20px;float:none;border-right:solid #fff 1px;}
.da-thumbs li .ctxt ul li:last-child{border:none;}
.da-thumbs li .ctxt ul li a{color:#fff;font-size:1.6rem;}
.da-thumbs li:hover .ctxt ul li a{text-shadow:1px 1px 1px #000;}
.da-thumbs li:hover .img img{   transform: scale(1.2);  -ms-transform: scale(1.2);}
.da-thumbs li:hover .ctxt h1 a {letter-spacing:20px; }
.da-thumbs li .ctxt  .more { font-size: 1.6rem; background: transparent; border: 1px solid #fff; width: 18rem;    height: 4.5rem; color: #fff;  -webkit-tap-highlight-color: transparent;  cursor: pointer;  transition: 400ms ease-in-out;  line-height:4.5rem;  text-align:center;  display:block;  margin:0 auto;}

.da-thumbs li .ctxt .more {  -webkit-touch-callout: none;    -webkit-user-select: none;     -khtml-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;}

.da-thumbs li:hover .ctxt .more {  width:20rem;  background: #c00a0d;  border: 2px solid #c00a0d;  height:5rem;  line-height:5rem;}

.da-thumbs li .ctxt .more:focus {  border: none;}

.da-thumbs li .ctxt .more span { color: transparent;  transition: 500ms;  margin-left: -20px;}

.da-thumbs li:hover .ctxt .more span{ color: #eee;  margin-left: 0;}











@media (max-width:768px) {
.picList li {
            width: 100%;
			}
}
@media  (min-width:769px) and (max-width:990px){

	
.da-thumbs li .ctxt h1{margin-top:10%;}
}
@media  (min-width:991px) and (max-width:1200px){

	
.da-thumbs li .ctxt h1{margin-top:10%;}
}