/* CSS Document */
/*------全局定义-------------------- */
*{padding:0px;margin:0px;}
body{font: normal 100% "微软雅黑"; color:#333; position:relative; padding-top:68px; font-size:14px; background:#f5f5f5; font-family:"微软雅黑"; position:relative;}
@media screen and (min-width:320px) and (max-width:480px){
body{ font-size:14px;}
}
@media screen and (min-width:480px) and (max-width:640px){
body{ font-size:16px;}
}
@media screen and (min-width:640px) and (max-width:960px){
body{ font-size:18px; }
}
@media screen and (min-width:960px){
body{ font-size:20px;}
}
img{ border:none;}
a{ color:#666666;text-decoration:none; border:none;}
ul,ol,li{list-style:none;}
input,select,button{font: normal 100% "微软雅黑";vertical-align:middle;}
select{border:none;}
.clear{clear:both;height:0px; overflow: hidden;}
/*------------导航开始---------*/
.sp_header{height:68px;overflow:hidden;background:#003f43;position:fixed; top:0; z-index:10;width:100%;}
.sp_logo{padding:0 10px;float:left;height:68px}
.sp_logo img{margin:auto;max-height:50px; margin-top:8px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:28px;margin-top:22px}
.sp_nav span{display:block;background:#fff;width:28px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
/*---*/
.sjj_nav{position:fixed;z-index:999;background:#003f43;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav ul .rnav{width:100%; height:50px; overflow:hidden;line-height:50px;margin-top:5px}
.sjj_nav ul .rnav img{width:20px; padding:10px; float:right; margin-right:10px;}
.sjj_nav ul li font{ font-family: Arial; font-style:italic; font-size:12px; margin-right: 0.625rem; color: #a0b5b7;}
.sjj_nav ul li i{ width:100%; position:absolute;top:0px;right:0px;height:50px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s; float:right;}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #004549 solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #004549 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:95%; display:block;}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#a0b5b7; margin-top:16px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#caa87c;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li .son{ color:#a0b5b7;}

/*----------底部-----------*/	
.footer{width:100%; height:100%; overflow:hidden; background:#003f43; color:#fff; 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 .top{width:100%; height:100%; overflow:hidden; padding:30px 0 0 0; line-height:32px; font-size:14px; border-bottom:1px solid #004c51;}
.footer .top ul li{ width:100%; float:left;}
.footer .beian { line-height: 2.5rem; height: 2.5rem; font-size:12px;  background-color: #003134;  color: rgba(255, 255, 255, 0.8); text-align:center; margin-top:30px;}

.footer_bg { width:100%; height:100%; overflow:hidden; position: absolute; top: 0; z-index:-1;}
.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: 100%;}
.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;}