@charset "utf-8";
/* CSS Document */
/*------全局样式-------------------- */
*{padding:0px;margin:0px; }	
body{font:12px "微软雅黑";background:#f5f5f5; padding-top:80px; min-width:1500px;}
img{ border:none;}
a{ color:#254150;text-decoration:none;}
a:hover{text-decoration: none;color:#003f43; }
ul,ol,li{list-style:none;}
input,select,button,textarea{font:12px Verdana,Arial,Tahoma;vertical-align:middle;outline: medium none; color:#666;}
select{border:none;vertical-align:middle;outline: medium none;}
.clear{clear:both;height:0px; overflow: hidden;}
/*------头部样式-------------------- */
.header{width:100%; margin:0 auto; padding:5px 0;  background:#fff; position:fixed; top:0; z-index:999;}
.header .logo{ width:19%; float:left; text-align:center;}
.header .logo img{ height:70px; }
.header .rnav{ float:right; padding:20px 3% 0 0;}
.header .rnav a{ display:block; float:right; margin-left:15px;}
.header .rnav img{ width:32px;}

#nav {margin:0 auto; width:62%; min-width:860px; display:block; float:left;}
#nav .mainlevel { width:11%; background:#fff; float:left; overflow:hidden; font-size:18px; text-align:center;}
#nav .mainlevel .na{ height:70px; line-height:70px;}
#nav .mainlevel .hov{ font-weight:bold;}
#nav .mainlevel .ncon {display:none; position:absolute; background:#fff; padding-bottom:10px;}
#nav .mainlevel .ncon li{ height:36px; line-height:36px; font-size:14px; width:155px; transition: all 0.6s;}
#nav .mainlevel .ncon li:hover{ font-weight:bold; text-indent:5px;} 
#nav .mainlevel .ncon li a{ width:100%; height:35px; display:block;}
#nav .mainlevel .ncon span{ width:1px; height:1px; display:block; float:right; background:#fff;transition: all 0.6s;}
#nav .mainlevel .ncon li:hover span{ width:100%; background:#dde9ea;}


/*----------隐藏导航-----------*/
.nav_scor{width:100%; display:none; position:fixed; top:0px; left:0px; z-index:100;background:#fff;  box-shadow: 0px 0px 30px -9px rgba(0, 0, 0, 0.75); z-index:1000;}
.nav_scor .nav{width:1200px; height:90px;line-height:80px;margin:0 auto; overflow:hidden;}
.nav_scor .nav ul{line-height:42px;overflow:hidden; float:right;}
.nav_scor .nav ul img{float:left; display:block;}
.nav_scor .nav ul li{float:left; margin-left:30px;}
.nav_scor .nav ul li a{font-size:16px; color:#254150; display:block; line-height:80px;}
.nav_scor .nav ul li a:hover{ font-weight:bold;}
.nav_scor .nav ul .hov{font-weight:bold;}
/*----------底部-----------*/	
.footer{width:100%; height:100%; overflow:hidden; background:#003f43;  color: rgba(255, 255, 255, 0.8); position:relative;  z-index:2;}
.footer .box{ width:80%; height:100%; overflow:hidden; margin:0 auto;}
.footer a{  color: rgba(255, 255, 255, 0.8);}
.footer a:hover{  color: rgba(255, 255, 255, 0.8);}
.footer .top{width:100%; height:100%; overflow:hidden; padding:30px 0 20px 0; line-height:36px; font-size:14px; }
.footer .top ul{width:35%; display:block; float:left;}
.footer .top ul li{ width:50%; float:left;}
.footer .top .wx{ width:30%; text-align:center; font-size:12px;}
.footer .top .wx img{ width:90px; padding-top:10px;}
.footer .bot{width:100%; height:50px; line-height:22px; padding:15px 0; text-align:center; overflow:hidden; }
.footer_bg { position: absolute; top: 0; width:100%; height:100%; z-index:-2; }
.footer-on-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;  -webkit-animation: showline 1500ms ease-in-out; animation: showline 1500ms ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.footer_bg img { width: 100vw;}
.footer-on-viewport:nth-child(1) {top: 0;}
.footer-on-viewport:nth-child(2) {top: 40px;}
.footer-on-viewport:nth-child(3) {top: 80px;}
.footer-on-viewport:nth-child(4) {top: 120px;}
.footer-on-viewport:nth-child(5) {top: 160px;}
.footer-on-viewport:nth-child(6) {top: 200px;}
.footer-on-viewport:nth-child(7) {top: 240px;}
.footer-on-viewport:nth-child(8) {top: -40px;}
.footer-on-viewport:nth-child(9) {top: -80px;}