html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.container{position: relative;width: 1400px;margin: 0 auto;}
.w1820{position: relative;max-width: 1920px;padding-left: 50px;padding-right: 50px;margin: 0 auto;}
.w1440{position: relative;width: 1440px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;}
.pd50{padding: 0 50px;}
.rela{position: relative;}



.downPage{display: flex;flex-direction: column;width: 100%;height: 100vh;}

.h-header{width: 100%;background: #0089e1;padding: 10px 0;flex-shrink: 0;}
.indTitle .atit{font-size: 30px;line-height: 1.3;color: #FFFFFF;}
.indTitle .btit{font-size: 24px;line-height: 1.3;color: #FFFFFF;}

.h-main{height: 100%;background-position: center;background-size: cover;position: relative;}
.h-main::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.4);}
.h-main > div{display: flex;height: 100%;position: relative;z-index: 99;}
.mlInfo{display: flex;height: 100%;flex-direction: column;width: 420px;}
.downMessage{margin: auto 0;}
.downMessage p{font-size: 24px;line-height: 1.3;color: #FFFFFF;}
.downMessage p a{color: #FFFFFF;}
.downMessage a:hover{opacity: .8;}
.downContent{padding-bottom: 40px;font-size: 16px;line-height: 1.4;color: #FFFFFF;}

.mrInfo{width: calc(100% - 420px);}
.downBox{display: flex;padding: 50px 0 40px;}
.downList{width: 100%;background: #FFFFFF;border-radius: 6px;overflow: hidden;}
.downList+.downList{margin-left: 30px;}
.downList .downTit{padding: 10px 20px;background: #0089E1;color: #FFFFFF;font-size: 20px;line-height: 1.5;}
.downList .downDesc{padding-top: 20px;max-height: calc(100vh - 230px);overflow-y: auto;}
.downList .dnav{margin-bottom: 20px;}
.downList .dnav .tit{font-size: 20px;font-weight: bold;display: block;padding: 0 20px;line-height: 1.5;color: #333333;}
.downList .dnav .downa{display: block;font-size: 14px;padding: 0 35px;line-height: 1.2;margin-top: 10px;color: #666;position: relative;}
.downList .dnav .downa:hover{color: #000000;}


.downList .downDesc::-webkit-scrollbar {width : 5px; height: 3px;}
.downList .downDesc::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #999;}
.downList .downDesc::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #eee;}



@media screen and (max-width:1660px) {
	.w1440{width: 1200px;}
	.mlInfo{width: 300px;}
	.mrInfo{width: calc(100% - 300px);}
	.downMessage p{font-size: 18px;}
	.downContent{font-size: 14px;}
	.downList+.downList{margin-left: 20px;}
}
@media screen and (max-width:1199px) {
	.w1440{width: 100%;padding: 0 20px;}
	.indTitle .atit{font-size: 12px;}
	.indTitle .btit{font-size: 22px;}
	.h-main > div{flex-direction: column-reverse;}
	.h-main{height: auto;}
	.mlInfo{width: 100%;}
	.mrInfo{width: 100%;}
	.downBox{padding: 30px 0 20px;display: block;}
	.downList{margin-left: 0!important;}
	.downList+.downList{margin-top: 20px;}
	.downList .downDesc{max-height: 30vh;padding-top: 10px;}
	.downList .downTit{font-size: 16px;padding: 10px 15px;}
	.downList .dnav .tit{padding: 0 15px;}
	.downList .dnav .downa{padding: 0 30px;}
	.downContent{padding-bottom: 10px;font-size: 12px;text-align: center;}
	.downMessage{margin: 30px 0;text-align: center;}
	
}
@media screen and (max-width:780px) {
	.w1440{padding: 0 15px;}
}