@charset "utf-8";
/* CSS Document */

.tem_index_case{padding:50px 0 80px;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_inner{position:relative;margin:0 auto;width:1000px;}
.tem_index_title{margin:0 0 60px 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}
.tem_index_title p{color:#8c8c8c;font-weight:normal;}




img{border:0}
/*---------case-----------*/
   .alist{
            width:100%;
            margin:10px auto;
            position:relative;
            overflow:hidden;
        }
            .alist li {
                width: 22%;
                margin: 5px 1%;
                float: left;
                border:0;
                position: relative;
                overflow: hidden;
                transition: box-shadow .2s;
                cursor:pointer;
				border:1px #dcdcdc solid;
            }
        .alist li img {
            width:90%;
			margin:0px auto;
			padding:5px;
            display:block;
			margin-top:5px;
			border:1px #dcdcdc solid;
        }
        .alist li .text_box {
            height: 170px;
            background: #f8f8f8;
            overflow: hidden;
            z-index: 99999;
            position: relative;
        }
        .alist li .text_box h1 {
            width:100%;
            text-align:center;
            font-size:17px;
            font-weight:600;
            line-height:30px;
            letter-spacing:2px;
            color:#272727;
            margin-top:10px;
        }
        .alist li .text_box p {
            width:90%;
            margin:0 auto;
            line-height:25px;
            letter-spacing:2px;
            color:#666;
			font-size:14px;
        }
            .alist li .pos_box {
                position: absolute;
                left: 50%;
                width: 160px;
                margin-left: -80px;
                z-index: 12;
                top: 150px;
                transition:top .5s;
            }
            .alist li .pos_box p{
                text-align:center;
                line-height:20px;
            }
            .alist li .pos_box img {
				margin-top:5px;
				padding-bottom:5px;
                display:block;
                width:68%;
            }
            .alist li:hover .pos_box {
                top: 8px;
            }
            .alist li:hover {
                box-shadow:1px 1px 10px #808080;
            }
             .btn_box{
                width:200px;
                margin:20px auto;
                overflow:hidden;
            }
        .btn_box a {
            display: block;
            height: 40px;
            background: #e9280c;
            color: #fff;
            font-weight: normal;
            font-size: 14px;
            line-height: 40px;
            text-align:center;
        }