@charset "utf-8";
html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd{margin:0 auto;padding:0;font-family:"Segoe UI", "Arial","Helvetica","Verdana","sans-serif";color:#000;font-weight:400;}
ul li{list-style:none;}
.banner{background:url(banner-bg.jpg) no-repeat 50% 0;height:396px;}
.con{max-width:1200px;width:100%;overflow:hidden;}
#logo{display:block;margin-left:10%;;padding-top:10px;}
.banner h1{font-size:100px;text-align:center;color:#fff;}
.banner p{color:#fff;text-align:center;font-weight:lighter;}
.banner p.size{font-size:40px;margin-top:5px;}
.banner p.size-s{font-size:25px;}
.banner p.size-code{font-size:20px; padding-top:15px;}
h2{font-size:48px;font-weight:lighter;display:block;}
h2:before{display:inline-block;content:"";background-color:#75a5ed;width:3px;height:30px;margin-right:10px;}
ul.pros{width:32.333%;overflow:hidden;float:left;max-width:300px;margin:30px 1% 10px 0;}
ul.pros li img{max-width:300px;width:100%;display:block;margin:0 auto;}
ul.pros li.pro-name{font-size:18px;padding:15px 0;font-weight:lighter;color:#222;}
.products{overflow:hidden;width:100%;margin-top:60px;}
.LR{overflow:hidden;width:49%;float:left;margin-left:1%;}
ul.pros li.price del{color:#222;font-size:16px;}
ul.pros li.price span{font-size:24px;color:#fd6e69;}
ul.pros li{color:#939393;}
ul.pros li.price{margin:20px 0 5px 0;}
ul.pros li a{width:120px;height:31px;display:inline-block;background:url(buy-s.png) no-repeat 0 0;}
ul.pros li a.buywin{background-position:0 0;margin-right:5px;}
ul.pros li a.buywin:hover{background-position:0 -31px;}
ul.pros li a.buymac{background-position: 0 -62px;}
ul.pros li a.buymac:hover{background-position:0 -93px;}
.bundle-bg{background:#ec784f url(bg-bundle.jpg) no-repeat 50% 0;height:auto;margin-top:60px;padding-bottom:75px;}
.bundle-bg h2{color:#fff;text-align:center;padding-top:60px;}
.bundle-bg h2 span{display:inline-block;background-color:#e12e3f;font-size:20px;padding:2px 8px;vertical-align:middle;}
.bundle-bg h2:before{display:none;} 
.bundle-bg ul.bundle li{display:block;float:left;box-sizing:border-box;background:rgba(0, 0, 0, 0.6) url(bundle-pro.png) no-repeat 15px 2px;margin:2px 7px;color:#fff;width:100%;max-width:497px;padding:31px 5px 31px 100px;font-size:18px;}
.bundle-bg ul.bundle {padding:0 8%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:hidden;margin:50px auto;}
.bundle-bg ul.bundle li.isr{background-position:15px -136px;}
.bundle-bg ul.bundle li.adr{background-position:15px -278px;}
.bundle-bg ul.bundle li.bade{background-position:15px -420px;}
.bundle-bg ul.bundle li.pt{background-position:15px -570px;}
.bundle-bg ul.bundle li.pit{background-position:15px -739px;}
.bundle-bg ul.bundle li.vcu{background-position:15px -904px;}
.bundle-bg ul.bundle li.sr{background-position:15px -1072px;}
.bundle-bg ul.bundle li.bp{background-position:15px -1227px;}
.bundle-bg ul.bundle li.burnova{background-position:15px -1384px;}
.bundle-bg ul.bundle li.ppt{background-position:15px -1541px;}
.bundle-bg ul.bundle li.pdf{background-position:15px -1727px;}
.bundle-buy{overflow:hidden;display:block;margin:0 auto;max-width:600px;}
.bundle-buy li{color:#fff;font-size:18px;float:left;width:50%;line-height:40px;}
.bundle-buy li span{font-size:30px;}
.bundle-buy li a.btn-w, .bundle-buy li a.btn-m{display:block;width:238px;height:56px;background:url(buy.png) no-repeat 0 0;margin-top:20px;}
.bundle-buy li a.btn-w:hover{background-position:0 -56px;}
.bundle-buy li a.btn-m{background-position:0 -112px;}
.bundle-buy li a.btn-m:hover{background-position:0 -168px;}
h2.center:before{display:none;}
h2.center{text-align:center;margin:60px 0 0 0;padding-bottom:30px;}
.rec-article{overflow:hidden;max-width:1000px;width:100%;display:block;margin:0 auto;border-top:1px solid #ebebeb;padding-top:40px;}
.rec-article li{width:45%;float:left;list-style:disc;margin:10px 0 10px 19px;margin-left:5%;}
.rec-article li a{color:#222;font-size:18px;text-decoration:none;}
.rec-article li a:hover{color:#2a81f3;}
.footer{background:#222 url(footer-bg.png) no-repeat top;height:auto;margin-top:60px;}
.footer p{color:#fff;text-align:center;margin:15px auto 10px;}
.footer p a{text-align:center;color:#fff;font-size:14px;text-decoration:none;}
.footer span.copyright{margin:0 auto 25px;color:#7c7c7c;padding-left:10px;}
.footer p a:hover{text-decoration:underline;}
@media screen and (max-width: 1110px){
.bundle-bg ul.bundle {padding:0 1%;}

}
@media screen and (max-width: 768px){
.LR{float:none;width:100%;}  
.bundle-bg{height:auto;padding-bottom:20px;}
.bundle-bg ul.bundle li{width:15%;}
}
@media screen and (max-width: 720px){
.banner h1{font-size:80px;}
.bundle-bg ul.bundle li{width:100%;}

}
@media screen and (max-width: 480px){
.banner h1{font-size:54px;}
ul.pros{float:none;width:100%;margin:40px auto;}
h2{font-size:30px;}
.bundle-bg ul.bundle li{max-width:none;}
.bundle-buy li{float:none;width:100%;text-align:center;margin:20px auto;}
.bundle-buy li a.btn-w, .bundle-buy li a.btn-m{margin:0 auto;}
.rec-article li{width:90%;}
.bundle-bg ul.bundle li{width:100%;}

}