/* CSS reset */
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block}
a {text-decoration:none}
:active,:hover,:focus {outline:0 none}
img,iframe {border:0}
body,figure,ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li,td,th,dt,dd {padding:0}
li {list-style:none}
img {vertical-align:middle}
.h5bp {display:inline-block;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;overflow:hidden}
.clearfix::after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.clearfix {zoom:1}

/* layout */
body {color:#535353;font-size:14px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;#font-family:"Microsoft YaHei"}
.sec {width:1260px;margin:0 auto}
.header {height:85px;padding-top:20px;background:url(../img/bg_header.jpg) no-repeat 50% 0}
.top-logo {float:left;display:inline-block;width:479px;height:74px;background:url(../img/bg_logo.jpg) no-repeat}
.top-nav {float:right;font-size:16px;position:relative}
.top-nav ul {padding-top:30px;line-height:20px}
.top-nav li {float:left;display:inline;margin:0 0 0 40px}
.top-nav a {color:#000}
.top-account {position:absolute;right:0;top:5px;line-height:20px;font-size:14px}
.top-account p {padding-left:25px;background:url(../img/ico_account.png) no-repeat 0 50%;color:#989898}
.top-account p,.top-account p a {color:#00b0ff}
.top-account span {color:#989898}

/* 404 */
html {min-width:1260px}
.error404 {position:relative;height:670px;background:#f2fafc url(../img/bg_404.png) no-repeat 50% 0}
:root *> .error404 {background:url(../img/bg_wave1.png) no-repeat 50% 100%, url(../img/bg_404_text.png) no-repeat 70% 57%, url(../img/bg_wave2.png) no-repeat 50% 100%, url(../img/bg_tower.png) no-repeat 38% 30%, url(../img/bg_wave3.png) no-repeat 50% 100%, url(../img/bg_moon.png) no-repeat 35% 70%;background-color:#f2fafc;-webkit-animation:wave 2.618s ease-in-out infinite;-moz-animation:wave 3.618s ease-in-out infinite;-ms-animation:wave 3.618s ease-in-out infinite;-o-animation:wave 3.618s ease-in-out infinite;animation:wave 3.618s ease-in-out infinite}
.seagull::before, .seagull::after, .error404::after {position:absolute;content:''}
.error404::after {left:26.7%;top:12.2%;width:456px;height:83px;background:url(../img/bg_lights.png) no-repeat;-webkit-animation:fade 1.618s ease-in-out infinite;-moz-animation:fade 1.618s ease-in-out infinite;-ms-animation:fade 1.618s ease-in-out infinite;-o-animation:fade 1.618s ease-in-out infinite;animation:fade 1.618s ease-in-out infinite}
.error404 .sec {height:670px;position:relative}
.error-text {position:absolute;left:660px;top:138px;width:336px;height:75px;background:url(../img/bg_sorry.png) no-repeat}
.error404 ul {font-size:0;text-align:center;position:absolute;left:0;right:0;bottom:70px}
.error404 li {display:inline-block;#display:inline;#zoom:1;margin:0 35px}
.error404 li a {display:block;width:215px;height:57px;line-height:57px;font-size:24px;color:#21304f;background:url(../img/btn_404.gif) no-repeat}

.seagull {position:absolute;left:31%;top:24%;width:53px;height:29px;background:url(../img/bg_seagull1.png) no-repeat;background:none\0/;#background:none;-webkit-animation:fly1 3.3s ease-in-out infinite;-moz-animation:fly1 3.3s ease-in-out infinite;-ms-animation:fly1 3.3s ease-in-out infinite;-o-animation:fly1 3.3s ease-in-out infinite;animation:fly1 3.3s ease-in-out infinite }
.seagull::before {left:380%;top:90%;width:50px;height:25px;background:url(../img/bg_seagull2.png) no-repeat;background:none\0/;-webkit-animation:fly2 2s ease-in-out infinite;-moz-animation:fly2 2s ease-in-out infinite;-ms-animation:fly2 2s ease-in-out infinite;-o-animation:fly2 2s ease-in-out infinite;animation:fly2 2s ease-in-out infinite}
.seagull::after {left:370%;top:393%;width:73px;height:40px;background:url(../img/bg_seagull3.png) no-repeat;background:none\0/;-webkit-animation:fly3 5s ease-in-out infinite;-moz-animation:fly3 5s ease-in-out infinite;-ms-animation:fly3 5s ease-in-out infinite;-o-animation:fly3 5s ease-in-out infinite;animation:fly3 5s ease-in-out infinite}

@-webkit-keyframes wave {0% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} 50% {background-position:55% 105%,70% 57%,52% 96%,38% 30%,50% 102%,35% 70%} 100% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} }
@-moz-keyframes wave {0% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} 50% {background-position:55% 105%,70% 57%,52% 96%,38% 30%,50% 102%,35% 70%} 100% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} }
@-ms-keyframes wave {0% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} 50% {background-position:55% 105%,70% 57%,52% 96%,38% 30%,50% 102%,35% 70%} 100% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} }
@-o-keyframes wave {0% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} 50% {background-position:55% 105%,70% 57%,52% 96%,38% 30%,50% 102%,35% 70%} 100% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} }
@keyframes wave {0% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} 50% {background-position:55% 105%,70% 57%,52% 96%,38% 30%,50% 102%,35% 70%} 100% {background-position:50% 100%,70% 57%,50% 100%,38% 30%,50% 100%,35% 70%} }
@-webkit-keyframes fade {0% {opacity:0}50% {opacity:1}100% {opacity:0}}
@-moz-keyframes fade {0% {opacity:0}50% {opacity:1}100% {opacity:0}}
@-ms-keyframes fade {0% {opacity:0}50% {opacity:1}100% {opacity:0}}
@-o-keyframes fade {0% {opacity:0}50% {opacity:1}100% {opacity:0}}
@keyframes fade {0% {opacity:0}50% {opacity:1}100% {opacity:0}}
@-webkit-keyframes fly1 {0% {-webkit-transform:translate(0,-2px)}50% {-webkit-transform:translate(2px,0)}100% {-webkit-transform:translate(0,-2px)}}
@-moz-keyframes fly1 {0% {-moz-transform:translate(0,-2px)}50% {-moz-transform:translate(2px,0)}100% {-moz-transform:translate(0,-2px)}}
@-ms-keyframes fly1 {0% {-ms-transform:translate(0,-2px)}50% {-ms-transform:translate(2px,0)}100% {-ms-transform:translate(0,-2px)}}
@-o-keyframes fly1 {0% {-o-transform:translate(-px)}50% {-o-transform:translate(2px,0)}100% {-o-transform:translate(0,-2px)}}
@keyframes fly1 {0% {transform:translate(0,-2px)}50% {transform:translate(2px,0)}100% {transform:translate(0,-2px)}}
@-webkit-keyframes fly2 {0% {-webkit-transform:translate(0,0)}50% {-webkit-transform:translate(0,2px)}100% {-webkit-transform:translate(0,0)}}
@-moz-keyframes fly2 {0% {-moz-transform:translate(0,0)}50% {-moz-transform:translate(0,2px)}100% {-moz-transform:translate(0,0)}}
@-ms-keyframes fly2 {0% {-ms-transform:translate(0,0)}50% {-ms-transform:translate(0,2px)}100% {-ms-transform:translate(0,0)}}
@-o-keyframes fly2 {0% {-o-transform:translate(0,0)}50% {-o-transform:translate(0,2px)}100% {-o-transform:translate(0,0)}}
@keyframes fly2 {0% {transform:translate(0,0)}50% {transform:translate(0,2px)}100% {transform:translate(0,0)}}
@-webkit-keyframes fly3 {0% {-webkit-transform:translate(0,0)}50% {-webkit-transform:translate(2px,-2px)}100% {-webkit-transform:translate(0,0)}}
@-moz-keyframes fly3 {0% {-moz-transform:translate(0,0)}50% {-moz-transform:translate(2px,-2px)}100% {-moz-transform:translate(0,0)}}
@-ms-keyframes fly3 {0% {-ms-transform:translate(0,0)}50% {-ms-transform:translate(2px,-2px)}100% {-ms-transform:translate(0,0)}}
@-o-keyframes fly3 {0% {-o-transform:translate(0,0)}50% {-o-transform:translate(2px,-2px)}100% {-o-transform:translate(0,0)}}
@keyframes fly3 {0% {transform:translate(0,0)}50% {transform:translate(2px,-2px)}100% {transform:translateY(0,0)}}

/* footer */
.footer_section {padding:79px 0;background-color:#efefef}
.footer_section .wrapper {width:1260px;overflow:hidden;position:relative;margin:0 auto}
.footer_section .left {float:left;display:inline;width:635px}
.link_list li {float:left;padding-right:35px;border-right:2px solid #5d5d5d;margin-right:35px;line-height:1;display:inline}
.link_list li.last {border-right:none}
.link_list li a,.beian a {color:#000}
.link_list li a:hover {color:#00b0ff}
.qrcode_wrap {float:left;display:inline}
.qrcode_wrap img {width:110px}
.copyright {line-height:2;margin-top:10px}
.beian {line-height:2;margin-top:24px;vertical-align:middle}
.footer_section .qrcode_list {float:right;font-size:12px;text-align:center}
.footer_section .small_logo {float:right;display:block;background:url(../img/logo_tip.jpg) no-repeat;width:239px;height:45px;text-align:center;margin:41px 68px 0 0}
.footer_section .icon_e {display:inline-block;background:url(../img/icon_e.jpg) no-repeat;width:76px;height:35px;text-align:center;margin-left:-7px}
.hulian_icons {margin-top:10px}
.hulian_icons a {display:inline-block;vertical-align:middle;margin-right:10px}
.hulian_icons a.icon_wh {background:url(../img/wenhuajingying.png) no-repeat;width:35px;height:35px;text-align:center}
.footer_section .qrcode_wrap {margin-left:34px}
.footer_section .qrcode_wrap p {line-height:2}
.gongan {display:inline-block;vertical-align:middle;width:20px;height:22px;background:url(../img/gongan.jpg) no-repeat;margin:0 9px 0 48px}