*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
}
html{font-size:100px}
body{
	font-size: 16px;min-width:1200px;
}
.w90{
	width: 90%;
	max-width: 1400px;
min-width:1200px;
	margin:0px auto;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
input{
	outline: none;
	border: none;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
img{
	border: none;
	display: block;
}
.flexbox{display: flex;display: -webkit-flex;}
.flex{display: flex;display: -webkit-flex;justify-content: space-between;}
.flex-center{justify-content: center;}
.flex-right{justify-content: flex-end;}
.flex-column{flex-direction: column;}
.flex-c-center{align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.line1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

/*Header*/
header{
	width: 100%;
	background: #0049a6;
}
.logo{padding: .3rem 0;}
.logo a{
	display: block;
}
.logo img{height: .6rem;}
.search {
    height: .42rem;
    overflow: hidden;
    position: relative;
    float: right;
    margin:0;
}
.header_link{
	margin-bottom:.1rem;
}
.header_link ul{
	text-align: right;
}
.header_link ul li{
	display: inline;
	line-height: .3rem;
}
.header_link ul li a{
	color: rgba(255,255,255,.8);
	padding-right: .1rem;
	font-size: .14rem;
	position: relative;
	padding-left:.04rem;
}
.header_link ul li a:hover{
	color: #ffffff;
}
.header_link ul li a::after{
	content: "";
	width: 1px;
	height: .14rem;
	background: #ffffff;
	position: absolute;
	display: block;
	right:0;
	top:50%;
	margin-top: -.07rem;
}
.header_link ul li:last-child a{padding-right: 0;}
.header_link ul li:last-child a::after{
	content: none;
}
.search .search-txt {
    width: 2.4rem;
    padding-left: .15rem;
    height: .4rem;
    line-height: .4rem;
    background: #ffffff;
    color: #434343;
    border: #888888 1px solid;
    padding-right: .45rem;
	border-radius: .12rem;
}
.search .search-btn {
    width: .45rem;
    height: .45rem;
    position: absolute;
    right: 0;
	top:0;
    border: 0;
    cursor: pointer;
	background: none;
	z-index: 1;
}
.search i{
	display: block;
	width: .45rem;
	height: .45rem;
	position: absolute;
	right: 0;
	top:0;
	text-align: center;
	line-height: .42rem;
	font-size: .28rem;
	color: #0049a6;
	z-index: 0;
}

/*导航*/
.i-nav{background:#f1f1f1;box-sizing: border-box;}
.nav{ height: .55rem; line-height: .55rem; position:relative; z-index:2; }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{display:block;padding: 0px 45px;font-size:.18rem;color:#434343;font-weight: normal;}
.nav .sub{display:none;width:100%;left:0;top:.55rem;position:absolute;background:#f7f2ed;line-height:.4rem;text-align: center;}
.nav .sub li{ zoom:1;}
.nav .sub a{display:block;color: #434343;}
.nav .sub a:hover{ background:#0049a6; color:#ffffff;  }
.nav .on h3 a{ background:#0049a6;color:#ffffff;}

/*Footer*/
.footer{
	width: 100%;
	background: #004ea2;
	padding:.3rem 0 0;
}
.links{width: 100%;line-height: .3rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.5)}
.links h3{font-size: .16rem;font-weight: normal;flex-shrink: 0;color: #ffffff;padding-right:.2rem;}
.links ul li a{color: #ffffff;padding:0 .3rem;font-size: .16rem;}
.imation{padding:.2rem 0;}
.copyright{width: 100%;text-align: center;}
.copyright p{
	font-size: .14rem;
	color:#ffffff;
	line-height: .3rem;
}
.copyright p a{
	color:#ffffff;
	display: inline-block;
}

/*IE8提示升级*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../img/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../img/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../img/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../img/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}