* { margin: 0; padding: 0; font: 14px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti; }

body { background: url("img/bg-body.jpg"); }

img { display: block; border: none; }

a { text-decoration: none; border: none; }

.clear { clear: both; }

li { list-style: none; }

table { border-collapse: collapse; }

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

.banner { width: 100%; height: 840px; background: url("img/bg_banner.jpg") no-repeat center; }

.nav_top { width: 100%; height: 90px; line-height: 90px; background: url("img/bg-nav.png"); }
.nav_top .logo { width: 205px; height: 50px; float: left; margin-top: 21px; }
.nav_top ul { float: right; }
.nav_top ul li { float: left; width: 95px; height: 90px; line-height: 90px; text-align: right; font-size: 16px; }
.nav_top ul li a { color: #FFFFFF; transition: all .2s; font-size: 16px; }
.nav_top ul li a:hover { color: #111842; }

.ban { width: 1200px; height: 585px; margin: 70px auto 0; background: url("img/bg_banner.png"); position: relative; }
.ban .title, .ban .imglogo, .ban .cir { background: url("img/icons_ban.png") no-repeat; position: absolute; display: block; }
.ban .title { width: 670px; height: 480px; top: 45px; left: 270px; }
.ban .imglogo { width: 160px; height: 165px; left: 720px; top: 50px; background-position: -700px -12px; }
.ban .dot { width: 22px; height: 22px; display: block; background: url("img/dot.png") no-repeat; position: absolute; animation: dot 2s linear infinite; }
.ban .dot1 { left: 130px; top: 107px; }
.ban .dot2 { left: 10px; top: 378px; animation-delay: .5s; }
.ban .dot3 { left: 503px; top: 556px; animation-delay: 1.2s; }
.ban .dot4 { left: 1155px; top: 420px; animation-delay: .7s; }
.ban .dot5 { left: 860px; top: 0px; animation-delay: 1.8s; }
.ban p { font-size: 16px; color: #333333; position: absolute; }
.ban .p1 { left: 75px; top: 107px; }
.ban .p2 { left: -20px; top: 402px; }
.ban .p3 { left: 492px; top: 580px; }
.ban .p4 { left: 1142px; top: 444px; }
.ban .p5 { left: 890px; top: 0px; }
.ban .cir1 { width: 60px; height: 60px; background-position: -810px -220px; left: 225px; top: -8px; }
.ban .cir2 { width: 40px; height: 40px; background-position: -722px -433px; left: -110px; top: 350px; }
.ban .cir3 { width: 35px; height: 35px; background-position: -725px -370px; left: 50px; top: 530px; }
.ban .cir4 { width: 35px; height: 35px; background-position: -726px -310px; left: 640px; top: 600px; }
.ban .cir5 { width: 30px; height: 30px; background-position: -826px -317px; left: 1330px; top: 510px; }
.ban .cir6 { width: 50px; height: 50px; background-position: -810px -225px; left: 1080px; top: 65px; }

@keyframes dot { 0% { opacity: .2; }
  50% { opacity: 1; }
  100% { opacity: .2; } }
.animated { animation-duration: 1s; animation-fill-mode: both; }

.swing { transform-origin: top center; animation-name: swing; }

.bounceInDown { animation-name: bounceInDown; }

@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  to { transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { transform: translate3d(0, -10px, 0); }
  90% { transform: translate3d(0, 5px, 0); }
  to { transform: none; } }
/*----*/
.p_title, .fen_bg, .lx dl.walk dt, dl.tel dt, dl.qr dt, .ball, .ball a.doc, .process ul li i, .process ul span, .process ul div { background: url("img/icons.png") no-repeat; }

.p_title { width: 400px; height: 120px; background-position-x: -10px; }

table { width: 100%; margin-top: 40px; }
table tr { background: #f4f5f7; }
table tr td { height: 60px; line-height: 30px; text-align: center; font-size: 16px; }
table tr.drop { background: #d3d9e2; }
table thead { background: #aa0721; color: #FFFFFF; }
table thead tr { background: #aa0721; }
table thead tr td { font-size: 20px; }

.ball { width: 160px; height: 165px; padding-top: 222px; position: fixed; z-index: 9999; right: 5px; top: 10%; color: #FFFFFF; font-size: 16px; text-align: center; animation: ball_air 3s infinite linear; background-position: -1030px -125px; }
.ball a { color: #FFFFFF; font-size: 16px; }
.ball a.doc { display: block; width: 154px; height: 38px; line-height: 41px; background-position: -1035px -510px; color: #FFFFFF; font-size: 16px; margin: 5px auto; text-indent: 20px; }
.ball a#totop { display: block; margin-top: 10px; color: #FFFFFF; font-size: 16px; }
.ball p { font-size: 14px; }

@keyframes ball_air { 0% { top: 10%; }
  50% { top: 12%; }
  100% { top: 10%; } }
/*---------post--------*/
.post { margin: 75px auto; }
.post .p_title1 { background-position-y: -130px; }
.post #table_post thead { background: #aa0721; }
.post #table_post thead tr { background: #aa0721; }

/*-------------*/
.fenge { width: 100%; height: 160px; padding-top: 70px; background: url("img/bg_f.png") no-repeat; margin-bottom: 90px; }
.fenge .fen_bg { width: 100%; height: 112px; }
.fenge .fen_txt { position: relative; }
.fenge .fen_txt li { float: left; text-align: center; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 16px; position: absolute; }
.fenge .fen_txt li span { font-size: 16px; }
.fenge .fen_txt .li1 { left: 115px; }
.fenge .fen_txt .li2 { left: 378px; }
.fenge .fen_txt .li3 { left: 648px; }
.fenge .fen_txt .li4 { left: 915px; }

/*---------*/
.propa { width: 900px; float: left; }
.propa .p_title2 { float: right; background-position-y: -250px; }
.propa #table_pro thead { background: #202061; }
.propa #table_pro thead tr { background: #202061; }
.propa #table_pro tbody tr:nth-child(2n) { background: #d3d9e2; }

.process { width: 180px; height: 770px; float: right; background: #202061; margin-top: 20px; color: #FFFFFF; padding-top: 30px; }
.process h4 { text-align: center; font-size: 30px; border-bottom: 2px solid #FFFFFF; width: 125px; margin: 0 auto 35px; }
.process ul { width: 125px; margin: 0 auto; }
.process ul li { width: 100%; height: 70px; text-align: center; }
.process ul li i { display: block; width: 45px; height: 40px; background-position: -435px -328px; margin: 0 auto 5px; transition: all .2s; }
.process ul li i.pc2 { background-position-x: -491px; }
.process ul li i.pc3 { background-position-x: -555px; }
.process ul li i.pc4 { background-position-x: -616px; }
.process ul li i.pc5 { background-position-x: -678px; }
.process ul li i.pc6 { background-position-x: -748px; }
.process ul li i.pc7 { background-position-x: -811px; }
.process ul li:hover i { background-position-y: -388px; }
.process ul span, .process ul div { display: block; width: 50px; height: 20px; margin: 5px auto; background-position: -735px -280px; }

/*--------------*/
.know { margin-top: 90px; }
.know .p_title3 { background-position-y: -385px; }
.know .tab { height: 50px; float: right; margin-top: 20px; }
.know .tab span { display: block; width: 164px; height: 44px; line-height: 44px; text-align: center; background: #1b1b56; color: #FFFFFF; float: left; margin-left: 5px; cursor: pointer; transition: all .2s; }
.know .tab span.on { background: #cf0319; }
.know .xiashuo { width: 100%; height: 365px; margin-top: 10px; }
.know .xiashuo .xl { float: left; width: 655px; height: 365px; }
.know .xiashuo .xl img { width: 100%; height: 100%; }
.know .xiashuo .xr { width: 545px; height: 365px; background: #FFFFFF; float: right; position: relative; }
.know .xiashuo .xr ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.know .xiashuo .xr ul li { width: 100%; height: 60px; line-height: 60px; text-indent: 100px; font-size: 16px; color: #333333; border-bottom: 1px solid #eff1f5; transition: all .3s; }
.know .xiashuo .xr ul li:hover { background: #1b1b56; color: #FFFFFF; }
.know .xiashuo .xr .way { padding-top: 50px; padding-left: 40px; display: none; position: absolute; left: 0; top: 0; }
.know .xiashuo .xr .way p { font-size: 16px; color: #333333; line-height: 34px; margin-bottom: 30px; width: 456px; }
.know .xiashuo .xr .way p a { font-size: 16px; color: #ff3f3b; line-height: 34px; margin-bottom: 30px; width: 456px; transition: all .2s; }

/*-------------------*/
.lx { height: 140px; margin: 100px auto 90px; }
.lx dl { margin-right: 10px; }
.lx dl.walk { width: 440px; height: 140px; float: left; transition: all .2s; }
.lx dl.walk dt { width: 140px; height: 140px; float: left; background-position: -468px -148px; }
.lx dl.walk dt span { display: block; width: 100%; text-align: center; color: #FFFFFF; line-height: 200px; }
.lx dl.walk dd { float: left; background: #FFFFFF; width: 300px; height: 140px; transition: all .2s; }
.lx dl.walk dd p { padding-left: 25px; font-size: 16px; line-height: 24px; color: #333333; padding-top: 45px; transition: all .2s; }
.lx dl.walk:hover dd { background: #cf0319; }
.lx dl.walk:hover dd p { color: #ffffff; }
.lx dl.tel { width: 280px; height: 115px; background: #1b1b56; padding-top: 25px; float: left; transition: all .2s; }
.lx dl.tel dt { width: 50px; height: 50px; margin: 0 auto 12px; background-position: -633px -160px; }
.lx dl.tel dt.mail { background-position-y: -231px; }
.lx dl.tel dd { color: #FFFFFF; text-align: center; font-size: 16px; }
.lx dl.tel dd a { color: #FFFFFF; }
.lx dl.tel:hover { background: #cf0319; }
.lx dl.qr { width: 170px; height: 130px; background: #FFFFFF; float: right; margin-right: 0; padding-top: 10px; }
.lx dl.qr dt { width: 90px; height: 90px; margin: 0 auto; background-position: -715px -170px; }
.lx dl.qr dd p { font-size: 14px; line-height: 20px; color: #333333; text-align: center; }

/*------------------*/
.footer { width: 100%; height: 39px; background: url("img/bg_f.png") no-repeat 0 -234px; font-size: 16px; color: #FFFFFF; padding-top: 70px; }
.footer a { color: #ffffff; }
.footer .fl { float: left; }
.footer .fr { float: right; }

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