@font-face { font-family: 'helveticatwobq-roman'; src: url('/Areas/Train/fonts/helveticatwobq-roman.otf') format('opentype'), url ('/Areas/Train/fonts/helveticatwobq-roman.eot') format('embedded-opentype'), url('/Areas/Train/fonts/helveticatwobq-roman.ttf') format('truetype'), url ('/Areas/Train/fonts/helveticatwobq-roman.woff') format('woff'), url('/Areas/Train/fonts/helveticatwobq-roman.svg') format('svg'); }
@font-face { font-family: 'HelveticaTwoBQ-Bold'; src: url('../../../fonts/HelveticaTwoBQ-Bold.otf') format('opentype'); }
* { box-sizing: border-box; padding: 0; margin: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; outline: none; }
body { font-family: PingFangSC-Light, sans-serif,"helveticatwobq-roman", "Arial","Hiragino Sans GB","Microsoft YaHei","微软雅黑","宋体",宋体; font-size: 16px; background: #fff; margin: auto; }

header, footer, nav, section { display: block; }

a, a:hover, a:active, a:focus {text-decoration: none !important;color:#000; }

input {
    -webkit-appearance: none;appearance: none;-moz-appearance:none;}
::-webkit-input-placeholder { color: #9099b7; }

input:-moz-placeholder { color: #9099b7; }

p{font-size:1.2rem;line-height:150%;}
ul, li { list-style: none; padding: 0; margin: 0; }

.clear { clear: both; width: 0; height: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { border: none;  }

.img-responsive { max-width: 100%; height: auto; display: block; }

.img-circle { border-radius: 50%; max-width: 100%; }

.mask { display: none; width: 100%; height: 100%; position: fixed; opacity: 0.7; background: #000; top: 0; z-index: 98; }

.container { padding-bottom: 5.5rem; }


/*菜单*/
.menu { width: 3.5rem; position: absolute; top: 1.5rem; left: 1.5rem; z-index: 11; }

.menuNav { width: 100%; height: 100%; position: absolute; background: #091731; z-index: 100; top: 0; display: none; }
.menuNav > ul > li { width: 50%; height: 14.4rem; float: left; border: 1px solid #222f46; }
.menuMavDiv { width: 100%; height: 14.4rem; text-align: center; font-size: 1.7rem; }
.menuMavImg > img { width: 4.5rem; margin: 2.7rem auto 2.3rem; display: block; }
.menuMavDel > img { margin: 3rem auto 0; width: 4rem; }

.ovfHiden { overflow-y: hidden; }

.loadMore { margin-top: 2.4rem; text-align: center; height: 3rem; line-height: 3rem; color: #afb7d5; font-size: 1.2rem; }
.center { padding-bottom: 9.5rem; position: relative; min-height: 100%; }



.footer {width: 100%;height: 5rem;background: #000;/* border-top:1px solid #eeeeee; */position: fixed;bottom: 0;z-index: 97;}
.footer ul { display: -webkit-box; height: 5rem; }
.footer ul li {display: block;width: 25%;text-align: center;padding-top: 1rem;}
.footer ul li a { display: block; width: 100%; text-decoration: none;color: #f6f6f6; }
.footer ul li.active p{color:#face96;}
.footer ul li img {width: 2rem;display: block;margin: auto;}
.footer ul li p {text-align: center;font-size: 1rem;padding-top: .2rem;color:#fff;}
span.swiper-pagination-bullet-active{background:#fff;}


@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
    .portrait { display: block; }
    .landscape { display: none; }
}

@media screen and (orientation:landscape) {
    /*   css[横向定义样式]  */
    .portrait { display: none; }
    .landscape { display: block; background: #d70c18; width: 100%; height: 100%; z-index: 9999; position: absolute; }
    .landscape img { display: block; width: 206px; height: 117px; position: absolute; top: 50%; left: 50%; margin-left: -103px; margin-top: -76px; z-index: 9999; }
    .landscape p { width: 206px; height: 30px; line-height: 30px; color: #fff; font-size: 10px; position: absolute; top: 50%; left: 50%; margin-left: -98px; text-align: center; margin-top: 42px; }
    body { background: #d70c18; }
    .menu_Nva { display: none; }
    .copyright { display: none; }
}




/*屏幕分辨*/
@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 53.31%; }
}

@media screen and (min-width:360px) and (max-width:374px) {
    html { font-size: 60%; }
}

@media screen and (min-width:375px) and (max-width:413px) {
    html { font-size: 75%; }
}

@media screen and (min-width:414px) and (max-width:639px) {
    html { font-size: 80%; }
}

@media screen and (min-width:640px) and (max-width:749px) {
    html { font-size: 106.56%; }
}

@media screen and (min-width:750px) {
    html { font-size: 125%; }
}