﻿
.tagline .left{ float: left; width: 48%; padding: 100px 0; }
.tagline .left h1{ font-size: 30px; margin-bottom: 50px;}
.tagline .left span,.tagline .right span{ display: block; font-size: 18px;}
.tagline .right{ float: right; width: 48%; padding: 100px 0;}
.case{ overflow: auto;}
.case .left{ float: left; width: 50%; overflow: hidden;}
.case .right{ float: right; width: 50%; overflow: hidden;}
.case img{display: block; margin: 0 auto;}
.related{padding: 100px 0 150px; text-align: center;}
.related h1{ font-size: 24px; font-weight: normal;}
.related p{color: #666; font-size: 14px;}
.slick-prev,.slick-next{ width: 36px; height: 70px; position: absolute; top:27%; font-size: 0;}
.slick-prev{ background:url("../images/arrleft.jpg") no-repeat center center; left: -10%;}
.slick-next{ background:url("../images/arrright.jpg") no-repeat center center; right: -10%;}
.related .wp{position: relative;margin: 30px auto; width:80%;}
.case .w31{ width: 33.75%;}
.case .w32{ width: 66.25%;}
.case .w55{ width: 55.2%;}
.case .w44{ width: 44.8%;}
.case .w47{ width: 47.14%;}
.case .w53{ width: 52.86%;}
.case .w46875{ width: 46.875%;}
.case .w53125{ width: 53.125%;}
.case .con1,.case .con2,.case .con3{ float:left; overflow:hidden;}
.case .con1{ width:36.42%;}
.case .con2,.case .con3{width:31.79%;}
