.banner { width:100%; height:442px; background:url(../../images/website/pic29.jpg) no-repeat center; background-size:1920px 442px; overflow:hidden; padding-top:78px; box-sizing:border-box;}
.banner p { text-align:center; font-size:40px; color:#fff; line-height:60px;}
.banner span { font-size:20px; color:#fff; text-align:center; display:block; margin-top:16px;}
.banner a { width:262px; height:56px; background:#fff; margin:48px auto; display:block; border-radius:56px; text-align:center; line-height:56px; font-size:20px; color:#0f74bb; cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.banner a:hover { background:rgba(255,255,255,.8);}

.section h2 { font-size:40px; color:#000; line-height:166px; text-align:center;}
.section ul { margin-bottom:70px;}
.section ul li { width:385px; height:462px; float:left; text-align:center; margin-right:17px;}
.section ul li:nth-child(1) { background:url(../../images/website/pic30.jpg) no-repeat left center; background-size:385px 462px;}
.section ul li:nth-child(2) { background:url(../../images/website/pic31.jpg) no-repeat left center; background-size:385px 462px;}
.section ul li:nth-child(3) { background:url(../../images/website/pic32.jpg) no-repeat left center; background-size:385px 462px; margin-right:0;}
.section ul li img { width:150px; height:150px; display:block; margin:62px auto 40px;}
.section ul li h3 { font-size:24px; color:#333; line-height:24px; margin-bottom:25px;}
.section ul li p { font-size:14px; color:#666; line-height:24px; padding:0 60px;}

.download { width:100%; height:747px; background:url(../../images/website/download-bg.jpg) no-repeat center; background-size:1920px 747px;}
.download h2 { font-size:40px; color:#000; line-height:40px; margin-top:130px; margin-bottom:20px;}
.download p { font-size:14px; color:#666; line-height:28px;}
.download dl { margin-top:50px;}
.download dl dt a { width:240px; height:54px; line-height:54px; font-size:16px; color:#333; display:block; margin-bottom:24px; background:#fff; overflow:hidden; cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.download dl dt a:hover { opacity:0.8;}
.download dl dt a img { width:58px; height:54px; display:block; float:left;}
.download dl dd { margin-left:42px;}
.download dl dd img{ width:112px; height:112px; display:block;}
.download dl dd span { width:112px; height:20px; font-size:12px; color:#333; line-height:12px; display:block; background:#fff; text-align:center;}

.modal { width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:999; display:none;}
.modal-box { background:#fff; padding:40px; width:200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); border-radius:16px;}
.modal-box p { text-align:center;}
.modal-box .icon { width:30px; height:30px; position:absolute; top:10px; right:10px; display:block;}