* { margin: 0; padding: 0; }

body { background: url("img/fbg.jpg") #3892ff no-repeat; font-family: "Microsoft Yahei"; font-size: 14px; }

a { text-decoration: none; }

li { list-style: none; }

img { border: none; display: block; }

.clear { clear: both; }

.container { width: 1600px; margin: 0 auto; }

.lxb-container { display: none !important; }

/*-----menu----*/
#menu { position: fixed; top: 42%; left: 40px; z-index: 19960426; color: #FFFFFF; }
#menu li { cursor: pointer; height: 20px; position: relative; margin-bottom: 5px; width: 62px; }
#menu li a { color: #FFFFFF; line-height: 20px; display: block; height: 100%; }
#menu li span { float: right; opacity: 0; transition: all .2s; }
#menu li a:before { display: block; content: " "; width: 18px; height: 2px; background: #FFFFFF; opacity: .5; float: left; position: absolute; top: 9px; transition: all .2s; }
#menu li:hover a:before, #menu li.active a:before { width: 36px; opacity: 1; }
#menu li:hover span, #menu li.active span { opacity: 1; }

.nav { height: 44px; position: fixed; top: 40px; z-index: 19960309; left: 50%; margin-left: -800px; }
.nav .logo { display: block; width: 200px; height: 44px; background: url("img/logo.png") no-repeat; float: left; }
.nav ul { width: 430px; height: 44px; line-height: 44px; float: right; }
.nav ul li { width: 100px; line-height: 44px; text-align: center; float: left; }
.nav ul li a { color: #FFFFFF; }

a.download { display: block; width: 166px; height: 38px; line-height: 38px; background: #ffd266; border-radius: 34px; color: #415bff; text-align: center; font-weight: bold; float: right; box-shadow: 0 0px 5px 2px #aebccb; transition: all .3s; font-size: 16px; }

.download:hover { box-shadow: 2px -1px 10px 6px #aebccb; }

.nextpage { display: block; width: 26px; height: 30px; background: url("img/icons.png") no-repeat -555px -220px; position: fixed; bottom: 30px; left: 50%; margin-left: -13px; z-index: 19960426; animation-duration: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; }

.section { width: 100%; height: 100%; padding-top: 110px; }

.minheig { padding-top: 55px !important; }

/*-------s1-------*/
.round { width: 740px; height: 620px; background: url("img/s1_round.png") center center no-repeat; margin: 0 auto; position: relative; }
.round .com, .round .xz, .round .title, .round .video { background: url("img/icons.png") no-repeat; position: absolute; display: none; }
.round .com { width: 455px; height: 145px; top: 90px; left: 120px; -webkit-animate-duration: 2s; }
.round .xz { width: 530px; height: 140px; background-position-y: -145px; top: 181px; left: 95px; transition: ease-in-out 300ms; }
.round .title { width: 752px; height: 192px; background-position-y: -272px; top: 238px; left: -30px; }
.round .download { position: absolute; top: 433px; left: 288px; display: none; }
.round .video { display: none; width: 36px; height: 36px; background-position: -613px -221px; cursor: pointer; top: 496px; left: 348px; box-shadow: 0 0 12px 1px #ffdb51; border-radius: 50%; }
.round .vani { animation: vbtn 1.2s infinite; }

@keyframes vbtn { 0% { box-shadow: 0 0 12px 1px #ffdb51; opacity: .5; transform: scale(0.9); }
  40% { box-shadow: 0 0 30px 1px #21eaff; opacity: 1; transform: scale(1.1); }
  100% { box-shadow: 0 0 12px 1px #ffdb51; opacity: .5; transform: scale(0.9); } }
.liucheng { width: 1246px; height: 64px; margin: 20px auto 0; background: url("img/liucheng.png") no-repeat; display: none; }

#vbg { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; display: none; z-index: 19960426; }

video { position: absolute; width: 1280px; height: 720px; top: 50%; left: 50%; margin: -360px 0 0 -640px; }

.vclo { position: absolute; left: 50%; top: 50%; margin: -375px 0 0 624px; width: 30px; height: 30px; font-size: 36px; background: white; border-radius: 50%; cursor: pointer; line-height: 24px; text-align: center; transition: all .2s; transition: all .2s; opacity: .6; }

.vclo:hover { background: red; color: #FFFFFF; transform: rotate(180deg); opacity: .8; }

/*----------s2---------*/
.tits { background: url("img/icons.png") no-repeat -546px -1px; width: 144px; height: 30px; }

.tit_2 { background-position-y: -43px; }

.tit_3 { background-position-y: -88px; }

.tbs { width: 100%; height: 770px; background: url("img/bg_grey.jpg"); border-radius: 30px; overflow: hidden; display: none; }
.tbs:before { display: block; content: " "; float: left; width: 256px; height: 100%; background: url("img/s2_bg_l.jpg"); }
.tbs .rcon { width: 1264px; float: right; padding: 40px 40px 0; }
.tbs table { width: 100%; text-align: center; border-collapse: collapse; margin-top: 30px; }
.tbs thead { border: 1px solid #c5cdfe; border-radius: 20px; color: #4085f9; font-size: 18px; font-weight: bold; }
.tbs thead tr { line-height: 38px; }
.tbs tbody tr { border-top: 1px solid #c5cdfe; line-height: 43px; }
.tbs .noline { border: none; }

/*-------------------s3----------------------------*/
.s3 { width: 1170px; height: 630px; margin: 0 auto; }
.s3 dl { width: 360px; height: 180px; float: left; margin: 0 45px 45px 0; display: none; position: relative; }
.s3 dl:nth-child(3n) { margin-right: 0; }
.s3 dl, .s3 img, .s3 dd { border-radius: 15px; }
.s3 dd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffda42; padding: 30px 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666666; }
.s3 dd span { display: block; font-size: 18px; color: #333333; margin: 4px 0  8px 0; }
.s3 em { display: none; font-size: 24px; font-style: normal; color: #3b9bff; font-weight: bold; margin-bottom: 5px; }
.s3 dt, .s3 dd { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: ease-in-out 600ms; }
.s3 dl:hover dt { transform: rotateX(180deg); }
.s3 dl:nth-child(even):hover dt { transform: rotateX(-180deg); }
.s3 dd { transform: rotateX(-180deg); }
.s3 dl:hover dd { transform: rotateX(0deg); }
.s3 dl.on dt { transform: rotateX(0deg); }
.s3 dl.on dd { transform: rotateX(0deg); padding-top: 20px; transition: all .2s; }
.s3 dl.on em { display: block; }
.s3 dl.on br { display: none; }
.s3 dl.on dd:hover { opacity: .3; }

/*-------------------s4----------------------------*/
.s4 { height: 710px; position: relative; }
.s4 .mappic { width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: none; border-radius: 35px; overflow: hidden; }
.s4 .mappic img { width: 100%; }
.s4 .mappic .close { position: absolute; right: 15px; top: 0px; cursor: pointer; font-size: 40px; font-weight: bold; color: #FFFFFF; transition: all .2s; }
.s4 .mappic .close:hover { color: #1f98ff; }
.s4 .le, .s4 .ri { width: 780px; height: 100%; float: left; border-radius: 35px; background: url("img/bg_grey.jpg"); overflow: hidden; opacity: 0; }
.s4 .ri { float: right; }
.s4 .yaoqiu, .s4 .jianli { padding: 40px; height: 266px; }
.s4 .yaoqiu ul, .s4 .jianli ul { margin-top: 20px; }
.s4 .yaoqiu li, .s4 .jianli li { font-size: 16px; color: #666666; }
.s4 .yaoqiu li p, .s4 .jianli li p { width: 650px; padding-top: 26px; display: inline-block; }
.s4 .yaoqiu li span, .s4 .jianli li span { font-size: 48px; color: #DDDDDD; padding-right: 20px; display: inline-block; }
.s4 .yaoqiu a, .s4 .jianli a { color: #415bff; }
.s4 .yaoqiu li { float: left; margin-bottom: 20px; }
.s4 .yaoqiu li:nth-child(2n-1) { width: 45%; }
.s4 .yaoqiu li:nth-child(2n) { width: 55%; }
.s4 .jianli { width: 700px; background: url("img/bg_yellow.png") no-repeat; height: 300px; padding-top: 44px; }
.s4 .jianli li:first-child { height: 75px; }
.s4 .jianli li span { color: #c7a757; height: 100%; }
.s4 .map { width: 100%; height: 370px; background: url("img/bg_map.jpg") no-repeat; cursor: url("img/magnifier.png"), pointer; display: none; }
.s4 .laste { width: 100%; height: 310px; margin-top: 30px; }

.daiyu { width: 310px; height: 270px; padding: 0 40px; border-right: 1px solid #e6e6e6; float: left; position: relative; }
.daiyu .bd, .daiyu dl, .daiyu img { width: 100%; height: 100%; }
.daiyu .tempWrap { width: 100%; }
.daiyu dt { width: 310px; height: 200px; margin-bottom: 10px; }
.daiyu dd { font-size: 16px; color: #666666; text-align: center; padding-top: 20px; }
.daiyu a.prev, .daiyu a.next { display: block; width: 12px; height: 40px; background: url("img/icons.png") no-repeat -631px -130px; position: absolute; top: 80px; opacity: .5; transition: all .2s; }
.daiyu a:hover { opacity: 1; }
.daiyu a.prev { left: 45px; }
.daiyu a.next { right: 45px; background-position-x: -654px; }

.luxian { width: 320px; height: 100%; margin-left: 40px; float: left; font-size: 16px; color: #666666; }
.luxian li { width: 100%; height: 48px; line-height: 24px; display: table; margin-bottom: 15px; }
.luxian li:before { display: inline-block; content: ""; width: 38px; height: 100%; background: url("img/icons.png") no-repeat -717px -5px; }
.luxian li:first-child p { padding-left: 15px; }
.luxian li:nth-child(2):before { background-position-y: -64px; }
.luxian li:last-child:before { background-position-y: -117px; }
.luxian li:last-child { margin-bottom: 20px; }
.luxian p { display: table-cell; vertical-align: middle; padding-left: 10px; }
.luxian dl { width: 100%; height: 72px; }
.luxian dt { width: 72px; height: 100%; float: left; background: url("img/icons.png") no-repeat -681px -185px; }
.luxian dd { float: left; text-indent: 20px; height: 100%; line-height: 72px; }

@media screen and (max-width: 1610px) { .container { width: 1300px; }
  video { width: 960px; height: 540px; margin: -270px 0 0 -480px; }
  .vclo { margin: -284px 0 0 464px; }
  .nav { margin-left: -650px; top: 10px; }
  .nextpage { bottom: 10px; }
  .section { padding-top: 70px; }
  .round { margin-top: -45px; }
  .liucheng { width: 0; height: 0; }
  .tbs { height: 575px; }
  .tbs:before { width: 180px; }
  .tbs .rcon { width: 1040px; padding-top: 15px; }
  .tbs table { margin-top: 15px; }
  .tbs thead tr { line-height: 30px; }
  .tbs tbody tr { line-height: 33px; }
  .s3 { width: 1120px; height: 580px; }
  .s3 dl { margin: 0 20px 20px 0; }
  .s4 { height: 580px; }
  .s4 .le { width: 510px; }
  .s4 .yaoqiu li span, .s4 .jianli li span { font-size: 30px; padding-right: 10px; }
  .s4 .yaoqiu li, .s4 .yaoqiu li:nth-child(2n-1), .s4 .yaoqiu li:nth-child(2n) { width: 100%; float: none; }
  .s4 .yaoqiu { padding-top: 20px; height: 255px; }
  .s4 .yaoqiu ul { margin-top: 5px; }
  .s4 .yaoqiu li { margin-bottom: 0; }
  .s4 .yaoqiu li:nth-child(2n-1), .s4 .yaoqiu li:nth-child(2n) { width: 100%; float: none; }
  .s4 .jianli ul { margin-top: 0; }
  .s4 .jianli li p { padding-top: 18px; width: 360px; }
  .s4 .jianli li:first-child { margin-bottom: 15px; }
  .s4 .map { height: 285px; background: url("img/bg_map.jpg") bottom no-repeat; }
  .s4 .laste { margin-top: 10px; } }
@media screen and (max-width: 1410px) { #menu { left: 10px; display: none; }
  video { width: 960px; height: 540px; margin: -270px 0 0 -480px; }
  .vclo { margin: -284px 0 0 464px; } }

/*# sourceMappingURL=index.css.map */