@charset "utf-8";
/* CSS Document */
body, header, footer, section, div, span, p, img, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, i, b, u, del, menu, nav, fieldset, legend, article, aside, details, figcaption, hgroup, pre, code, from, blockquote, th, td, tr, hr, table, img, figure, button, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*{margin:0;padding:0}
html,body{height: 100%; width: 100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif;}
body{margin:0; padding: 0; background: url(../images/body_bg.png) center no-repeat;background-size:cover;background-attachment: fixed;z-index: -1;}
body:before {content:''; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../imgs/body_bg.png) center 0 no-repeat; background-size: cover;}

p {margin: 0; }
ul{padding: 0; margin: 0 auto;}
ul li{display: flex;list-style: none; font-size: 16px; color: #888888; padding:15px 25px;background:#d7e2f5; border-bottom:1px solid #ffffff; display: flex; justify-content: flex-start; align-items: center;} 
ul li a{color: #888888;width: 100%;text-decoration: none;}
ul li .iconfont{font-size:33px;color: #0918aa;} 
.libx{margin-left:30px;color:#000000;}
a .libx{font-weight: 600;}

/* .ecbox{box-shadow: 0px 1px 8px 5px hsla(0, 0%, 0%, 0.1);}
.ecbox{width:448px;min-height: 400px; margin: 0 auto; left: 0; right: 0; background: #ffffff;border-radius: 10px;  position: absolute;top: 25%;}
.ecbox .title{ height: 90px;  background: #f3f3f3; border-radius: 10px; position: relative; font-size: 24px; text-align: center; line-height: 90px; color: #555555; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 15px;} */
.ecbox{box-sizing: border-box;background: #ffffff;padding:20px;min-height: 400px;width:495px;left:0;right:0;position:absolute;top:130px;margin:0 auto 50px;}
.ecbox .title{background:#f0f0f0;color:#0918aa;height:105px;line-height:105px;font-size:28px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 25px;}
.ecbox .icon-box{flex: none;text-align: center;align-self: flex-start;}
.icon-box p{font-size: 14px;}

.ecfooter{display: flex; justify-content: center; margin-top:35px; margin-bottom:40px}
.ecfooter span{text-align: center;font-size: 14px; color: #666666; margin:0 15px }
.ecfooter span img{width:127px;height:127px; border:1px solid #dddddd}
.morex{width:100%;display: block; bottom: -32px; position: absolute; text-align: center; color: #b7c0c3; font-size: 13px;}
.morex a{color: #b7c0c3; font-size: 13px;text-decoration: none;}
@media screen and (max-height: 800px) {
	.ecbox{top: 5%;bottom: auto }
}
@media screen and (max-width: 1024px) {
	.ecbox{top: 5%;bottom: auto }
}
@media screen and (max-width: 768px) {
.ecbox{top: 10%;bottom: auto }	}
@media screen and (max-width: 640px) {
	body{min-width: 300px; max-width: 640px;}
	.ecbox{min-width: 310px;width:90%;min-height: 400px;top: 10%;bottom: auto;padding:10px;}
	.ecbox .title{ height: 60px;line-height: 60px; font-size:20px;}
	ul li{font-size: 14px;padding: 12px 12px;} 
	ul li .iconfont{font-size:20px;color: #0918aa;} 
	.libx{margin-left:30px; }
	.ecfooter { display: flex; justify-content: center; margin-top: 30px; margin-bottom: 25px; }
    .ecfooter span{text-align: center;font-size: 12px; color: #666666; margin:0 10px }
    .icon-box p{font-size: 12px;}
}
@media screen and (max-width: 414px) {
	.ecbox{top: 5%;bottom: auto;position: relative; margin-top: 5%; }	
}
@media screen and (max-width: 375px) {
	.ecbox{top: 5%;bottom: auto;position: relative; margin-top: 5%; }	
	
}