.banner-client{width: 100%;height: 787px;position: relative;min-width: 1200px;margin: 70px auto 0;background: url(/skin/sucms/images/banner-client.jpg) no-repeat center}
.banner-contentWrap{width: 1200px;margin: 0 auto;padding-top: 100px;overflow: hidden;position: relative}
.banner-contentWrap h1{font-size: 32px;color: #fff;font-weight: normal;line-height: 32px;padding-bottom: 30px;text-align: center;width: 100%}
.banner-contentWrap ul{width: 100%;margin-top: 60px;text-align: center}
.banner-contentWrap li{text-align: center;display: inline-block;margin: 0 120px 35px 0;padding-bottom: 35px;transition: all 0.3s}
.banner-contentWrap li:hover{transform: translateY(-10px)}
.banner-contentWrap li span{color: #fff;font-size: 70px;font-weight: bold;font-style: italic}
.banner-contentWrap li p{color: #fff;font-size: 16px;padding-top: 20px}
.banner-contentWrap li:nth-child(4n){margin: 0 0 35px 0}
.btn{width: 200px;height: 45px;line-height: 45px;font-size: 20px;overflow: hidden;position: relative;z-index: 0;cursor: pointer;color: #fff;border-radius: 35px;border: solid #fff 1px;text-align: center;margin-top: 30px}
.btn a{color: #fff}
.btn:hover {height: 45px;line-height: 45px;display: block;background:#308ccf;border: solid #fff 1px;color:#fff}
#shadowBox{position: relative;top: -80px;z-index: 1;width: 1200px;background-color: #ffffff;border-radius: 4px}
.shadowBox{width: 100%;height: 100%;padding: 30px 0;overflow: hidden}
.shadowBox h1{width: 100%;padding: 20px 0;font-size: 32px;color: #333;line-height: 32px;margin: 0 auto;text-align: center;font-weight: normal}
.shadowBox-content{width: 100%;margin: 35px auto 0}
.infoBox{width: 300px;height: 406px;display: inline-block;box-shadow: 0 8px 15px rgba(117,146,170,0.2);vertical-align: middle;margin: 0 48px}
.headColor{width: 100%;height: 4px}
.brandBox .headColor {background: #0072fb}
.productBox .headColor {background: #fa8c16}
.serveBox .headColor {background: #3cb624}
.infoBox .boxHeadline{font-size: 24px;color: #333;text-align: center}
.infoBox .boxContent{font-size: 14px;color: #999;text-align: center;margin-top: 20px;line-height: 25px}
.infoBox .info_icon {width: 150px;height: 150px;margin: 26px auto 25px auto}
.brandBox .info_icon {background: url(/skin/sucms/images/icon_brand.png) no-repeat}
.productBox .info_icon {background: url(/skin/sucms/images/icon_product.png) no-repeat}
.serveBox .info_icon {background: url(/skin/sucms/images/icon_serve.png) no-repeat}
#client-box{width: 100%;margin: 0 auto;padding: 96px 0 75px;background: url(/skin/sucms/images/client-bg.jpg) no-repeat center}
.client-box{width: 1400px;margin: 0 auto;overflow: hidden}
.client-box-tit{width: 100%}
.client-box-tit h3{color: #fff;margin-bottom: 17px;font-size: 30px;font-weight: normal;text-align: center}
.client-box-tit h4{color: #fff;font-size: 16px;font-weight: lighter;text-align: center}
.client-box-con{padding: 0 20px;height: 561px;margin-top: 50px}
.client-box-con ul{font-size: 0;position: relative;height: 561px}
.client-box-con li{width: 193px;height: 223px;overflow: hidden}
.client-box-con li img{display: block;width: 100%}
.client-box-con li.li1{position: absolute;left: 97px;top: 0}
.client-box-con li.li2{position: absolute;left: 292px;top: 0}
.client-box-con li.li3{position: absolute;left: 487px;top: 0}
.client-box-con li.li4{position: absolute;left: 682px;top: 0}
.client-box-con li.li5{position: absolute;left: 877px;top: 0}
.client-box-con li.li6{position: absolute;left: 1072px;top: 0}
.client-box-con li.li7{position: absolute;left: -2px;top: 169px}
.client-box-con li.li8{position: absolute;left: 193px;top: 169px}
.client-box-con li.li9{position: absolute;left: 388px;top: 169px}
.client-box-con li.li10{position: absolute;left: 583px;top: 169px}
.client-box-con li.li11{position: absolute;left: 778px;top: 169px}
.client-box-con li.li12{position: absolute;left: 973px;top: 169px}
.client-box-con li.li13{position: absolute;left: 1168px;top: 169px}
.client-box-con li.li14{position: absolute;left: 290px;bottom: 0}
.client-box-con li.li15{position: absolute;left: 485px;bottom: 0}
.client-box-con li.li16{position: absolute;left: 680px;bottom: 0}
.client-box-con li.li17{position: absolute;left: 875px;bottom: 0}
.client-box-con ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms}
.client-box-con ul:hover > * { opacity: 0.5; transform: scale(0.9)}
.client-box-con ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms}
@media screen and (min-width: 1350px){.client-box{width: 100%}}
@media screen and (min-width: 1024px){html,body {-webkit-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial}}
@media screen and (max-width: 768px){.banner-client{min-width: inherit}
.main-title,.team-box,.service-box{padding: 0 15px}
.main-title p{text-indent: 0}
.team-box{margin-top: 25px}
.main-client{padding: 45px 0}
.client-box{width: 100%}
.client-box-con,.client-box-con ul{height: 100%}
.client-box-con li{width: 33.33%;float: left;height: auto;margin-bottom: 10px}
.client-box-con li.li1,
.client-box-con li.li2,
.client-box-con li.li3,
.client-box-con li.li4,
.client-box-con li.li5,
.client-box-con li.li6,
.client-box-con li.li7,
.client-box-con li.li8,
.client-box-con li.li9,
.client-box-con li.li10,
.client-box-con li.li11,
.client-box-con li.li12,
.client-box-con li.li13,
.client-box-con li.li14,
.client-box-con li.li15{position: relative;left: inherit;top:inherit;bottom: inherit;float: left}
.client-box-con li.li16,
.client-box-con li.li17{display: none}
.client-box-con li img{width: 80%;height: 80%;margin: 0 10%}
.message-box{padding: 45px 15px 0}
.submit{width: 100%;margin-bottom: 10px}
.message-item3 p{width: 100%;float: none;line-height: 24px;text-align: center}}
/* iPhone6 */
@media screen and (max-width: 375px){}
/* iPhone5、4 */
@media screen and (max-width: 320px){}