html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{min-width:1260px;position:relative;background-color:#fff}
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre{margin:0;padding:0;border:0;background-repeat:no-repeat}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;font-weight:normal}
h1{font-size:2em}
body, button, input, select, textarea{font-size:16px;line-height:30px;color:#333;font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}
img{border-style:none;vertical-align:middle}
ul, li{list-style:none}
a{text-decoration:none;color:#333;outline:0}
a:hover{background-repeat:no-repeat}
a, area{blr:expression(this.onFocus=this.blur())}

.w-lg .weblg{max-width:1400px}
.w-md .weblg{max-width:1320px}
.w-sm .weblg{max-width:1200px}
.placeholder{color:#999}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-o-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-moz-keyframes zoomInUp{0%{opacity:0;-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-o-keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}


.m-case-division{border-left:1px solid #dcdcdc}
.m-case-division li{float:left;width:33.3333%}
.m-case-division li a{display:block}
.m-case-division li img{display:block;width:100%}
.m-case-division li:hover .shadow{opacity:1}
.m-case-division li:hover .shadow img{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.m-case-division li:hover .content{background-position:45px 190px;background-color:#f8f8f8}
.m-case-division li:hover .title{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);color:#d90000}
.m-case-division li:hover .desc{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
.m-case-division .thumb a{position:relative}
.m-case-division .thumb .shadow{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:url("../image/caseshadow.png") repeat 0 0;opacity:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .thumb .shadow img{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .content{padding:21px 0px 102px 0px;background:url("../image/casearr.png") no-repeat 35px 190px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease}
.m-case-division .content .title{margin-bottom:15px;font-size:20px;line-height:48px;color:#333;font-weight:bold;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .content .desc{font-size:16px;line-height:22px;color:#999999;display:-webkit-box;height:66px;line-height:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}