body{ 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;}
h1{ font-size: 24px;line-height: 50px;}
h2{ font-size: 20px;line-height: 30px;}
*{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{ position: relative; overflow: hidden; width: 100%; max-width: 1920px; min-width: 1360px; height: 1080px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top;}
.bg-video{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 0; width: 1920px;}
.logo{ position: absolute; left: 34px; top: 39px; z-index: 10;}
.btn-wrap{ display: flex; position: absolute; left: 0; top: 952px; z-index: 10; width: 100%; height: 62px; justify-content: center;}
.btn-wrap span,.btn-wrap a{ display: block; overflow: hidden; width: 172px; height: 62px; margin: 0 16px; text-indent: -999px; cursor: pointer;}
#nav1{ background: url(../images/nav1.png) no-repeat;}
#nav2{ background: url(../images/nav2.png) no-repeat;}
#nav3{ background: url(../images/nav3.png) no-repeat;}
#nav4{ background: url(../images/nav4.png) no-repeat;}
#nav5{ background: url(../images/nav5.png) no-repeat;}
#nav6{ background: url(../images/nav6.png) no-repeat;}
#nav7{ background: url(../images/nav7.png) no-repeat;}
.btn-wrap span.on,.btn-wrap span:hover,.btn-wrap a:hover{ background-position: 0 -62px!important;}

/* detail */
.detail-wrap{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 0; z-index: 5; width: 1920px; height: 1080px; background: url(../images/detail-bg.jpg) no-repeat;}
.detail-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.center-cont{ position: relative; width: 1360px; height: 100%; margin: 0 auto;}
.tab-list{ position: absolute; right: -81px; top: 223px; width: 272px; height: 564px; background: url(../images/tab-bg.png) no-repeat;}
.tab-list li{ width: 287px; height: 40px; margin: 0 0 20px -15px; padding-left: 60px; box-sizing: border-box; font-size: 24px; line-height: 40px; color: #c3d0fb; cursor: pointer;}
.tab-list li.on{ color: #fff; background: url(../images/tab-hover.png) no-repeat;}
.tab-cont{ display: none; width: 1000px; height: 880px; margin-left: 125px; padding-top: 32px; box-sizing: border-box;}
.cont-title{ width: 981px; height: 146px; font-size: 48px; line-height: 146px; color: #fff; text-align: center; background: url(../images/title-bg.png) no-repeat;}

.cont-scroll{ width: 1000px; height: 700px; overflow-x: hidden; overflow-y: auto;}
.cont-scroll::-webkit-scrollbar{ width: 6px; background: transparent;}
.cont-scroll::-webkit-scrollbar-thumb{ width: 6px; background-color: #513e9f; border-radius: 3px;}
.text-box{ width: 962px; font-size: 18px; line-height: 28px; color: #f5ecff;}
.text-box p{ padding-bottom: 24px;}
.text-box img{ display: block; max-width: 962px; margin: 0 auto 24px;}