@charset="utf-8";
html,body,div,ul,li,p{margin:0;padding:0}
body{font-family:"微软雅黑",Arial;font-size:20px}
.container {left: -300px;}
.container{width:300px;z-index: 1000; position:fixed;height:100%;background: rgb(24, 117, 195);/*background:url(/images/sidebg.png) no-repeat center bottom;background-size:100% 100%;*/}
.line{width:300px; overflow:hidden;background:url(../images/lside-line-bg.html) no-repeat right bottom; background-size:cover;}
.logo{width:120px;height:120px;background:url(../images/logo.png) no-repeat left bottom;background-size:100%;display:block;margin:50px auto}
.inner {text-align: left;width: 120%;overflow-y: scroll;position: relative;}
.news-wrap {background: rgba(24, 117, 195,.7);;height: 185px;position: fixed;left: 0;right: 0;bottom: 0;z-index: 400;}

.index-txt span.lan{color:rgba(255, 255, 255, 1)}

.news-wrap,
.container {
text-shadow: 2px 2px 5px #000000;
}
.inner h3{font-size:18px;color:#FFF;font-weight:400;text-decoration:none;text-indent:80px}

.inner h3 a{color:#FFF;text-decoration:none;}
.inner h3 a:hover{text-shadow:1px 1px rgba(0,0,0,.4);}
.index-txt {position: absolute; left: 350px; top:300px;font-size:40px;width:700px;/*background:url(/images/index-txt.png) no-repeat center bottom;*/padding-bottom:90px}
.index-txt span{display:table;padding-left:10px}

.index-txt span.lv{color:#FFFFFF;font-size:65px}
.copy-right {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    padding: 10px 10px 30px 10px;
font-size: 14px;}

.copy-right a{text-decoration:none;}

.index-arr {position: absolute; left: 20px; top:50%; display: inline-block; margin-top: -20px; z-index: 99;cursor: pointer;
	animation-name: arr;
	animation-delay: 0s;
	animation-direction: alternate;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	font-size:60px;
	color:#FFF;
}
@keyframes arr{
	from{transform: translateX(20px);-webkit-transform: translateX(20px);}
	to{transform: translateX(0); -webkit-transform: translateX(0);}
}

.index-bg {position: absolute; left: 0; top:0; right:0; bottom:0; height: 100%;}
.index-bg .bd,.index-bg .bd ul,.index-bg .bd ul li {width:100% !important ;height: 100% !important;margin: 0; padding: 0;}
.index-bg .hd {position: absolute; left: 0; right:0; bottom:20px;}
.index-bg .hd ul {text-align: center;}
.index-bg .hd li {width: 8px; height: 8px; border:1px solid #fff; border-radius: 50%; text-indent: -999em; display: inline-block;margin: 0 5px; transition: 0.3s all;}
.index-bg .hd li.on { width: 30px; border-radius: 8px; background: #fff;}

.logo2 {position: absolute;top: 35px;left: 60px;z-index: 99;}
.logo2 img{max-width:130px}
.menu {position: absolute;color: white;font-size: 16px;top: 50px;right: 110px;z-index: 100;text-shadow: 2px 2px 5px #000000;}
.menu span {margin-left: 30px;}
.menu span a{ color: white;text-decoration: none;}
.menu span a:hover{text-shadow:1px 1px rgba(0,0,0,.4);}
.sub-menu a{font-size:14px;color:#FFF;text-decoration:none;display:block;line-height:30px;text-indent:100px}


.width {
	width:calc(100vw - 600px)
}