@media (max-width: 375px) {	
			.casetitle div p{ font-size:12px!important;}
			.caselink a{ display:block;padding:4.5%;border-bottom: 1px solid #ccc; text-decoration:none;color:#666;}
			.caselink a span{font-size:12px!important;}
			.pagination li a {
			  border: solid 1px #ff765c;
			  border-radius: 0.2rem;
			  color: #ff765c;
			  text-decoration: none;
			  text-transform: uppercase;
			  display: inline-block;
			  text-align: center;
			  font-size:12px;
			  padding: 0.2rem 0.4rem;
			}
		}
		
        html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            position: relative;
            text-align: left;
            font-family: "microsoft yahei", "times new roman Regular";
            font-size: 100%;
            background: #f0f0f0;
            color: #666;
            line-height: 1;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, ruby, section, summary, time, mark, audio, video {
            padding: 0;
            border: 0;
            font-weight: inherit;
            font-style: inherit;
            font-size: 100%;
            vertical-align: baseline;
        }

        * {
            margin: 0;
            padding: 0;
        }

        li {
            list-style-type: none;
        }

        img {
            border: 0;
            line-height: 0; /* max-width:100%; */
        	/*height: auto;*/
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display: block;
        }

        .goods {
            position: relative; /* height: 100%; */
        }
		
		.box{
			width:100%;
		}

        .casesection{background-color:#FFFFFF;}
		
		.casetitle{padding:3%;border-bottom: 1px solid #ccc;}
		 
		.casetitle div{border-left:8px solid #fd8b67;padding:1%;}
		
		.casetitle div p{ font-size:14px;}
		 
		.caselink a{ display:block;padding:5%;border-bottom: 1px solid #ccc; text-decoration:none; color:#666;}
		
		.caselink a span{
			display:inline-block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			max-width:90%;
			font-size:14px;
		}
		
		.caselink a img{width:3%;height:2%;float:right;}
		/*======================================page============================================ */
		.pagination{
            margin: 15px auto 5px;
		    text-align: center;
		}
		
		 pagination ul {
		 	width: 100%;
		 }
		
		.pagination ul, li {
		  list-style: none;
		  display: inline;
		  padding-left: 0px;
		}
		
		.pagination li:hover a {
		  color: #000000;
		  background-color: #FFFFFF;
		  border: solid 1px #FFFFFF;
		}
		.pagination li.active a {
		  color: #fdfdfd;
		  background-color: #1d1f20;
		  border: solid 1px #1d1f20;
		}
		
		.pagination li a {
		  border: solid 1px #ff765c;
		  border-radius: 0.4rem;
		  color: #ff765c;
		  text-decoration: none;
		  text-transform: uppercase;
		  display: inline-block;
		  text-align: center;
		  padding: 0.35rem 0.4rem;
		}