.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left top;}
.banner .bannerBg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0px;width:100%;height:220px;margin-top:-110px;text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family:'MyriadPro-Bold_0';font-size:55px;line-height:60px;}
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}

.main{position:relative;text-align:center;padding:70px 0 46px 0;border-bottom:1px solid #949494;}
.main .content{padding-top:80px;}
.main .content .child{width:9.8%;height:auto;margin:0 0.8% 30px 0.8%;border:1px solid #dbdbdb;display:inline-block;*display:inline;*zoom:1;}
.main .content .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .child:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.main .content .child img{width:100%;height:auto;}
.customer  .wenzi_kehu_s ul li{ text-align:left; width:27%; padding:1px 10px;}
.page-footer a{ font-family:'MyriadPro-Bold_0';font-size:18px;line-height:60px; color:#000; display:inline-block; margin:0 10px;}
.page-footer a:hover{ color:#df1020}
.page-footer .moren{ color:#df1020}
@media  (max-width: 479px) {
.banner{margin-top:50px;background-position:center top; background-size:auto 230px;}
.banner .bannerBg{height:230px;}
.banner .bannerInfo{height:80px;margin-top:-40px;}
.banner .bannerInfo .title{font-size:20px;line-height:20px;}
.banner .bannerInfo .titleCh{width:auto;font-size:14px;padding:1px 4px 3px 4px;border:1px solid #fff;top:12px;}

.main{padding:20px 0;}
.main .content{padding-top:20px;}
.main .content .child{width:108px;height:48px;margin:0 8px 14px 8px;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:50px;background-position:center top; background-size:auto 340px;}
.banner .bannerBg{height:340px;}
.banner .bannerInfo{height:120px;margin-top:-60px;}
.banner .bannerInfo .title{font-size:30px;line-height:30px;}
.banner .bannerInfo .titleCh{width:auto;font-size:20px;padding:2px 6px 5px 6px;border:1px solid #fff;top:16px;}

.main{padding:20px 0;}
.main .content{padding-top:20px;}
.main .content .child{width:108px;height:45px;margin:0 15px 15px 15px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:54px;background-position:center top; background-size:auto 450px;}
.banner .bannerBg{height:450px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:40px;line-height:40px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;width:auto;font-size:26px;padding:2px 10px 6px 10px;border:2px solid #fff;}

.main{padding:40px 0;}
.main .content{padding-top:40px;}
.main .content .child{width:190px;height:80px;margin:0 10px 20px 10px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;background-position:left top;background-size: auto 300px;}
.banner .bannerBg{height: 300px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.main{padding:58px 0 58px 0;}
.main .content{padding-top:66px;}
.main .content .child{width:11.25%;margin:0 0.8% 25px 0.8%;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left top;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.main{padding:58px 0 58px 0;}
.main .content{padding-top:66px;}
.main .content .child{width:11.25%;margin:0 0.8% 25px 0.8%;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:0px;background-position:left top;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}


.main{padding:70px 0 70px 0;}
.main .content{padding-top:80px;}
.main .content .child{width:11.25%;margin:0 0.8% 30px 0.8%;}

}

.wenzi_liebia ul li{ background:#e6e6e6; text-align:left; }