/* common css */

.i-banner .am-control-nav li a{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}



em,i{
	font-style: normal;
}
ul,li{
	list-style: none ;
}
ul{
	padding: 0;
	margin: 0;
}
h2,h3,h4,h5{
	font-weight: normal;
}
a{
	cursor: pointer;
}

.b-t-1{
	border-top: 1px solid #ececec;
}
.b-b-1{
	border-bottom: 1px solid #ececec;
}

.mt2{
	margin-top: 2%;
}

.p-lr-1rem{
	padding-left: 1rem;
	padding-right: 1rem;
}
.m-lr-1rem{
	margin-left: 1rem;
	margin-right: 1rem;
}

.bg-fff{
	background: #fff;
}

.i-icon{
	display: inline-block;
	width: 24px;
	height: 24px;
}

.i-icon img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.box-shadow{
	-webkit-box-shadow: 0px 0px 4px 2px rgba(243,243,243,.9);
	-moz-box-shadow: 0px 0px 4px 2px rgba(243,243,243,.9);
	box-shadow: 0px 0px 4px 2px rgba(243,243,243,.9);
}

/* index */

.i-body {
	overflow-x:hidden ;
	width: 100%;
	background: #f6f6f6;
}

.i-header{
	background-color: #0b73c2 !important;
}
.i-header .am-header-title{
	font-size: 1.6rem;
	font-weight: bold;
}
.i-header .i-header-tit{
	margin: 0 10%;
}


.i-footer-navbar .am-navbar-nav {
	background-color: #fff;
	border-top: 1px solid #ececec;
	overflow: inherit;
}

.am-navbar .am-navbar-nav li{
	width: 25%;
	display: block;
	float: left;
	position: relative;
}

.i-footer-navbar .am-navbar-nav li>a{
	background: #fff;
	position: relative;
	z-index: 1009;
}
.i-footer-navbar .am-navbar-label {
	color: #333;
	font-size: 14px;
}

.i-footer-navbar .i-icon {
	display: block;
	height: 24px;
	width: 24px;
	margin: 3px auto 0;
	background-size: 100%;
}
.i-footer-navbar li a:hover .am-navbar-label,
.i-footer-navbar li.i-footer-active a .am-navbar-label{
	color: #0b73c2;
}
.footer-icon1{
	background: url(../images/footer-icon1.png) center no-repeat;
}

.footer-icon2{
	background: url(../images/footer-icon2.png) center no-repeat;
}

.footer-icon3{
	background: url(../images/footer-icon3.png) center no-repeat;
}

.footer-icon4{
	background: url(../images/footer-icon4.png) center no-repeat;
}



.i-footer-navbar li a:hover .footer-icon1,
.i-footer-navbar li.i-footer-active .footer-icon1{
	background: url(../images/footer-icon1h.png) center no-repeat;
	background-size: 100%;
}

.i-footer-navbar li a:hover .footer-icon2,
.i-footer-navbar li.i-footer-active .footer-icon2{
	background: url(../images/footer-icon2h.png) center no-repeat;
	background-size: 100%;
}

.i-footer-navbar li a:hover .footer-icon3,
.i-footer-navbar li.i-footer-active .footer-icon3{
	background: url(../images/footer-icon3h.png) center no-repeat;
	background-size: 100%;
}

.i-footer-navbar li a:hover .footer-icon4,
.i-footer-navbar li.i-footer-active .footer-icon4{
	background: url(../images/footer-icon4h.png) center no-repeat;
	background-size: 100%;
}



.i-banner  .am-control-nav li{
	margin: 0 3px;
}

.i-banner .am-control-nav li a{
	background-color: rgba(255,255,255,.6);
	width: 8px;
	height: 8px;
	-webkit-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
}
.i-banner .am-control-nav li a.am-active{
	background-color: #0b73c2;
}

.i-banner .am-control-nav{
	bottom: 10px;
}

.i-hotspot-wrap{
	overflow: hidden;
	background: #fff;
	padding: 12px;
}

.i-hotspot{
	height: 24px;
	position: relative;
	padding-left: 40px;
}


.i-hotspot-icon {
	position: absolute;
	left: 0px;
	top: 4px;
	display: block;
	height: 16px;
}

.i-hotspot-icon img{
	height: 100%;
	vertical-align: top;
}

#scrollDiv,
#scrollDiv li{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#scrollDiv li a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	
}


.i-quick{
	background: #fff;
	padding: 3% 0;
	overflow: hidden;
}

.i-quick li{
	width: 25%;
	float: left;
	text-align: center;
	margin: 2% 0;
}

.i-quick li a p{
	margin: 5px 0 0 0;
	color: #333;
	font-size: 14px;
}
.i-quick li a > img{
	width: 50px;
	height: 50px;
}


.i-tabs-1 .am-tabs-nav,
.i-tabs-1 .am-tabs-nav>.am-active{
	background: #fff;
}
.i-tabs-1 .am-tabs-nav>.am-active{
	color: #0b73c2;
	border-bottom: 2px solid #0b73c2;
}
.i-tabs-1 .am-tabs-nav li{
	height: 45px;
}
.i-tabs-1 .am-tabs-nav li a{
	line-height: 45px;
	font-size: 14px;
}
.i-tabs-1 .am-tabs-nav>.am-active a {
  color: #0b73c2;
  line-height: 43px;
  font-weight: bold;
}
.i-tabs-1 .am-tabs-nav{
	border-bottom: 1px solid #ececec;
}
.i-tabs-1 .am-tabs-nav>.am-active:after{
	display: none;
}
.i-tabs-1{
	margin: 0;
}
.i-tabs-1 .am-tabs-bd{
	border: 0;
}

.i-tabs-1 .am-tabs-bd .am-tab-panel{
	padding: 0;
}


.i-m1-list{
	overflow: hidden;
}
.i-m1-list li{
	overflow: hidden;
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #ececec;
}
.i-m1-list li:last-child{
	border-bottom: 0;
}
.i-m1-pic{
	position: absolute;
	left: 0;
	
}
.i-m1-pic,
.i-m1-pic img{
	width: 100px;
	height: 75px;
}

.i-m1-txt{
	margin-left: 110px;
	position: relative;
	height: 75px;
}
.i-m1-txt h3{
	height: 44px;
	color: #333;
	line-height: 22px;
	font-size: 14px;
	margin: 0;
	overflow: hidden;
}

.i-m1-txt p{
	color: #ccc;
	line-height: 20px;
	text-align: right;
	font-size: 12px;
	margin: 11px 0 0;
}
.i-m3{
	overflow: hidden;
	width: 100%;
}
.i-m3-list{
	margin-top: 10px;
	margin-bottom: 10px;
}

.i-m3-list li{
	height: 30px;
	padding: 0 60px 0 15px;
	overflow: hidden;
	background: url(../images/i-li-bg.png) left center no-repeat;
	background-size: 5px 8px;
	
	position: relative;
}

.i-m3-list li a{
	display: block;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

.i-m3-list li>span{
	height: 24px;
	line-height: 24px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 12px;
}



.i-m3-link{
	overflow: hidden;
	margin: 0 12px 12px 12px;
}

.i-m3-link a{
	display: block;
	width: 49%;
}
.i-m3-link a img{
	width: 100%;
}

.i-ad,
.i-ad img{
	width: 100%;
}




/*foot-pop*/

.foot-popbox{
	position: absolute;
	width: 100%;
	border: 1px solid #ececec;
	border-top: 2px solid #02b0fe;
	z-index: 1008;
	bottom: 100%;
	left: 0;
	background: #f6f6f6;
	padding: 0 5px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
}
.foot-pop{
	width: 100%;
}
.foot-pop a{
	height: 30px;
	border-bottom: 1px solid #ececec;
	line-height: 30px;
	display: block;
	width: 100%;
	font-size: 12px;
	color: #666;
}

.foot-pop a:last-child{
	border-bottom: 0;
}


.i-footer-navbar li.js-active .foot-popbox{
	opacity: 1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

/*list*/

.list-searchWrap{
	padding: 15px 12px 0 12px;
	background: #f0f4f7;
}

.mui-scroll-wrapper .list-search{
	background: #fff;
	font-size: 14px;

}

.mui-scroll-wrapper .mui-search .mui-placeholder{
	font-size: 14px;
}

.list-box{
	border-top: 1px solid #fff;
}

.list-tb-hd{
	height: 40px;
	color: #333;
	background: #f0f4f7;
}

.list-tb-hd span,
.list-tb-ul li span{
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;	
}

.list-tb-ul li{
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	color: #999;
}

.list-tb-ul li:before,
.list-tb-ul li:after{
	display: table;
  content: ' ';
}


.list-page{
	width: 100%;
	overflow: hidden;
}
.list-page a{
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #ececec;
	line-height: 22px;
	color: #999;
	text-align: center;
	font-size: 12px;
	margin: 0 2px;
}

.list-page a:first-child,
.list-page a:last-child{
	width: 64px;
}

.list-page a.active{
	color: #fff;
	background: #4783c5;
	border-color: #4783c5;
}