@charset "utf-8";
.web-ad { width: 100%; height: auto; background: url(/company/img/business-banner.jpg) no-repeat 50% 0; min-width: 1200px; }
.item_title { width: 1200px; margin: 0 auto; }
.item_title h2 { font-size: 60px; text-align: right; color: #fff; padding-top: 110px; }
.item_title p { font-size: 36px; text-align: right; color: #fff; letter-spacing: 8px; }
.web-ad-cont .web-ad-box { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 70px; padding-bottom: 70px; }
.web-ad-cont .business-list { list-style: none; }
.web-ad-cont .business-list li { float: left; width: 197px; height: 160px; background: #f2f2f2; overflow: hidden; cursor: pointer; padding: 40px 40px 38px 40px; position: relative; }
.web-ad-cont .business-list li +li { margin-left: 30px; }
.web-ad-cont .business-list li a { width: 197px; height: 160px; padding: 40px 40px 38px 40px; display: block; position: absolute; top: 0; left: 0; }
.web-ad-cont .business-list .on { background: #3773db; }
.web-ad-cont .business-list li .item-img-v1 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/web-ad-pic.png) no-repeat; }
.web-ad-cont .business-list li .item-img-v2 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/info-service-pic.png) no-repeat; }
.web-ad-cont .business-list li .item-img-v3 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/it-service-pic.png) no-repeat; }
.web-ad-cont .business-list li .item-img-v4 { width: 65px; height: 60px; margin: 0 auto; background: url(/company/img/mobile-pic.png) no-repeat; }
.web-ad-cont .business-list .on .item-img-v1 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/web-ad-pic2.png) no-repeat; }
.web-ad-cont .business-list .on .item-img-v2 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/info-service-pic2.png) no-repeat; }
.web-ad-cont .business-list .on .item-img-v3 { width: 60px; height: 60px; margin: 0 auto; background: url(/company/img/it-service-pic2.png) no-repeat; }
.web-ad-cont .business-list .on .item-img-v4 { width: 65px; height: 60px; margin: 0 auto; background: url(/company/img/mobile-pic2.png) no-repeat; }
.web-ad-cont .business-list li h2 { font-size: 16px; font-weight: bold; text-align: center; color: #333; margin-top: 15px; }
.web-ad-cont .business-list li p { font-size: 14px; text-align: center; color: #7f7f7f; margin-top: 10px; }
.web-ad-cont .business-list li.on h2 { color: #fff; }
.web-ad-cont .business-list li.on p { color: #fff; }
.web-ad-cont .web-ad-box .item-line { width: 67px; height: auto; margin: 0 auto; }
.web-ad-cont .web-ad-box .item-tit { font-size: 36px; text-align: center; color: #333; margin: 60px 0 15px 0; }
.web-ad-cont .web-ad-box .item-txt { font-size: 16px; color: #333; text-indent: 2em; line-height: 50px; margin-top: 35px; }
.business-con-box { width: 840px; height: auto; margin: 0 auto; overflow: hidden; }