body{ font: 14px '\5FAE\8F6F\96C5\9ED1'; background: #f5f5f5; min-width: 1200px;}
.wrap{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.ovf{ overflow: hidden;}

/* header */
.header{ position: absolute; left: 0; top: 0; right: 0; height: 70px; line-height: 70px; background: url("../images/bg_nav.png") fixed; z-index: 2; min-width: 1200px;}
.header .logo{ margin: 11px 0;}
.header .logo img{ display: block;}
.header .fr{ color: white; font-size: 16px;}
.header .fr a{ display: inline-block; margin: 0 5px; color: white;}
.header .fr a:hover{ text-decoration: underline;}

/* main */
.banner{ height: 986px; background: url("../images/bg.jpg") no-repeat top center;}
.banner .wrap{ position: relative; height: 986px;}
.banner .info{ position: absolute; top: 195px; left: 0; width: 416px; line-height: 32px; color: white; font-size: 18px;}
.banner .info h1{ line-height: normal; font-size: 34px;}
.banner .info .split{ display: block; width: 80px; height: 3px; margin: 22px 0 32px 0; background: white;}
.banner .elem-light{ position: absolute; top: 230px; right: 155px; width: 174px; height: 278px; background: url("../images/pic5.png") no-repeat; }
.banner .elem-upan{ position: absolute; top: 246px; right: 205px; width: 71px; height: 212px; background: url("../images/pic6.png") no-repeat; -webkit-animation: upsidedown 1.2s linear infinite; -moz-animation: upsidedown 1.2s linear infinite; animation: upsidedown 1.2s linear infinite;}
@-webkit-keyframes upsidedown {
    from, to{ transform: translateY(0);}
    50%{ transform: translateY(-10%);}
}

@-moz-keyframes upsidedown {
    from, to{ transform: translateY(0);}
    50%{ transform: translateY(-10%);}
}

@keyframes upsidedown {
    from, to{ transform: translateY(0);}
    50%{ transform: translateY(-10%);}
}




.steps{ position: relative; margin-top: -246px; background: white; min-height: 500px;}
.steps .tlt-pad{ height: 99px;}
.steps .tlt{ position: absolute; top: 0; left: 50%; height: 99px; line-height: 99px; margin-left: -600px; background: white; box-shadow: 0 2px 4px rgba(8, 21, 125, .05);}
.steps .tlt.on{ position: fixed;}
.steps .tlt h2{ padding-left: 16px; margin-left: 20px; background: url("../images/bg_txt.png") no-repeat left center; color: #333; font-size: 28px; font-weight: normal;}
.steps .tlt .fr{ margin: 25px 20px 0 0;}
.steps .tlt a{ position: relative; float: left; width: 180px; height: 48px; line-height: 48px; background: url("../images/btn2.png") no-repeat; text-align: center; color: #0092ff; font-size: 20px; cursor: pointer;}
.steps .tlt a label{ position: absolute; left: 0; bottom: -5px; font-weight: bold; font-size: 48px; opacity: .1; filter: alpha(opacity = 10);}
.steps .tlt a.on{ background: url("../images/btn1.png") no-repeat; color: white;}
.steps .tlt a:first-child{ font-size: 18px;}
.steps .tlt a + span{ float: left; width: 24px; height: 18px; margin: 15px 19px; background: url("../images/pic.gif") no-repeat;}
.steps .article{ width: 880px; padding-bottom: 30px; margin: 20px auto 0 auto;}
.steps .article h3{ width: 431px; height: 45px; line-height: 45px; margin: 40px auto; background: url("../images/bg_tlt.png") no-repeat; color: #0092ff; font-size: 26px; text-align: center;}
.steps .article p.prepare{ line-height: 34px; padding-left: 21px; margin-bottom: 25px; background: url("../images/bg_txt2.png") no-repeat 10px 10px #f2f2f2;}
.steps .article p{ line-height: 30px; margin: 10px 0; color: #2a2f33; font-size: 16px;}
.steps .article p a{ color: #0092ff; text-decoration: underline;}
.steps .article p.desc, .steps .article p span{ color: red;}
.steps .article img{ display: block; margin: 30px auto; max-width: 600px;}

.footer{ padding: 30px 0; color: #b0bfcb; text-align: center;}

#download_zqjc{ position: fixed; left: 50%; top: 150px; width: 160px; height: 233px; margin-left: 520px; padding-top: 40px; background: url("../images/down_bg2.png") no-repeat scroll 0 0 transparent; outline: medium none; transition: .3s linear; opacity: 0; filter: alpha(opacity = 0); visibility: hidden;}
#download_zqjc.on{ visibility: visible; opacity: 1; filter: alpha(opacity = 100);}
#download_zqjc li { height: 28px; line-height: 28px; margin: 0 0 11px;  padding: 0; font-family: "宋体"; list-style-type: none; text-align: center;}
#download_zqjc a { color: #fff; font-size: 14px;}
#download_zqjc a:hover { color: #c00;}
#download_zqjc li.home_p { padding-left: 20px;}

@media screen and (min-width: 1521px){
    #download_zqjc{ margin-left: 600px;}
}

@media screen and (max-width: 1365px){
    #download_zqjc{ left: auto; right: 0; margin-left: 0;}
}