@charset "utf-8";
@font-face {
    font-family: 'fz';
    src: url('../../font-family/FZLTHJW.TTF');
}
body{ min-width: 1200px; margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; overflow-x: hidden; background-color: #282a2c;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
*{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}

.wrap{ overflow: hidden; position: relative; max-width: 1920px; height: 1080px; margin: 0 auto;}
/* top-bar */
.top-bar-box{ position: absolute; left: 50%; top: 0; transform: translate3d(-50%,0,0); z-index: 10; width: 100%; max-width: 1920px; height: 113px; background: url(../../images/index2103/nav_bg.png) no-repeat center top;}
.top-bar-center{ position: relative; width: 1200px; height: 113px; margin: 0 auto;}
.top-logo{ position: absolute; left: 0; bottom: 30px; width: 162px;}
.top-menu{ display: flex; position: absolute; right: 180px; bottom: 0px; width: 400px; height: 50px; justify-content: right;}
.top-menu a{ display: block; width: 128px; height: 50px; margin-left: 26px; font-family: "fz"; font-size: 22px; line-height: 24px; color: #fff; text-align: center;}
.top-menu a.on{ cursor: default; background: url(../../images/index2103/nav_active.png) center bottom no-repeat;}
/* cont */
.cont{ position: absolute; position: absolute; left: 50%; top: 0; transform: translate3d(-50%,0,0); width: 1920px; height: 1080px; overflow: hidden;}
.banner-swiper{ position: relative; width: 100%; height: 100%;}
.banner-pc{ display: block; width: 100%; height: 100%;}
.banner-m{ display: none;}

.banner-btn{ position: absolute; left: 1113px; top: 870px; z-index: 5; width: 392px; height: 95px;}
.btn-m{ display: none;}
.btn-bg{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.btn-bg img{ position: absolute; left: 0; top: 0; width: 100%;}
.btn-hover{ display: none;}
.banner-btn:hover .btn-normal{ display: none;}
.banner-btn:hover .btn-hover{ display: block;}
.btn-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 12px 0 0 34px; box-sizing: border-box; color: #fff; overflow: hidden;}
.btn-text p{ height: 38px; font-size: 30px; line-height: 38px;}
.btn-text span{ display: block; font-size: 24px; line-height: 34px;}
.banner-btn a{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}

.page{ position: absolute; bottom: 50px!important; z-index: 6; padding-right: 50px; box-sizing: border-box; text-align: right;}
.page span{ width: 16px; height: 16px; margin: 0 8px!important; background-color: #fff;}