﻿* { box-sizing: border-box; padding: 0; margin: 0; }
html { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ }
body { font-size: 1.4rem; /*1.4 × 10px = 14px */ padding: 4.5rem 0 0 0; font-family: SimHei; }
.img-responsive { max-width: 100%; height: auto; display: block; }

.Container { width: 100%; min-height: 500px; }
.header { position: fixed; top: 0; width: 100%; height: 4.5rem; overflow: hidden; z-index: 99; background: #fff; }
.headerContainer { display: -moz-box; display: -webkit-box; display: box; width: 100%; height: 4.5rem; border-bottom: 1px solid #e5e5e5; }
.back { width: 3rem; padding: 1rem .5rem; }
.headertitle { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; line-height: 4.4rem; text-align: center; }
.home { width: 3rem; padding: 1rem .5rem; }
 .back img,.home img { width:2rem;}
.mainContainer { width: 100%;margin:auto; position: relative; z-index: 1; }

/*第一屏*/
.screen { background: url(../images/bg.jpg) no-repeat top center #000000; background-size: 100%; width: 100%; position: relative; }
.screenContainer { padding: 0.1rem 1.5rem 0; position: absolute; top: 50%; margin-top: -15.4rem; }
.screen-1 { margin: 0 5rem; }
.btn-next { display: block; width: 10rem; height: 3rem; text-align: center; background: #ffce81; color: #ed0005; line-height: 3rem; margin: 1.5rem auto 0; }
/*第二屏*/
.turntable { width: 100%; background: url(../images/bg1.jpg) no-repeat top center; background-size: 100%; min-height: 53.9rem; padding: .1rem 0 0 0;position:relative; }
.turntablediv { width: 29rem; margin: 3rem auto 0; position: relative; }
.turntable-title { margin: 5.5rem 4.5rem 0; }
.turntablebtn { position: absolute; width: 9.2rem; top: 50%; left: 50%; margin-left: -4.6rem; margin-top: -4.6rem; z-index: 2; }
.turntablearrow { position: absolute; width: 14rem; top: 50%; left: 50%; margin-left: -7rem; margin-top: -7rem; z-index: 1; }
.turntable-about { text-align: center; color: #fff; margin: 2rem auto 0; }
    .turntable-about div { width: 15rem; height: 1.8rem; line-height: 1.8rem; font-size: 1rem; margin: .5rem auto 0; background: #fff; color: #c30003; }
.btn-tonav {font-size:1.5rem; position: absolute; bottom: 2rem; left: 3.2rem; width: 10rem; height: 3rem; text-align: center; color: #ed0005; background: #ffce81; line-height: 3rem; }
.btn-toindex {font-size:1.5rem; position: absolute; bottom: 2rem; right: 3.2rem; width: 10rem; height: 3rem; text-align: center; color: #ed0005; background: #ffce81; line-height: 3rem; }
/*第三屏*/
.screen1 { width:100%; background:#e50000;padding-bottom:2rem;}
.screen1Container {margin:0 1.5rem;padding:.1rem 0 0 0;padding-bottom:4.5rem;background:url(../images/screen1-bg.png) no-repeat center bottom ; background-size:100%; }
.screen1-title { margin: 2rem auto 1.5rem; }
.screen1-desc { color:#fff;}

    .screen1-desc p {line-height:2.4rem; }
.screen1-desc p img{width:1.3rem;vertical-align:middle;padding-bottom:.5rem;margin-right:.5rem; }