/* 容器 */
*{transition: all .5s;}
.container-width{max-width: 1160px; margin: 0 auto;}
.container-full{width: 100%; padding-left: 150px; padding-right: 150px;}

.public-overflow{overflow: hidden;}
.public-position{position: relative;}
.public-background{background-position: center;background-repeat: no-repeat; background-size: cover;}
.public-padding{padding-top: 50px; padding-bottom: 50px;}
.pages{max-width: 1220px !important;padding-right: 0 !important;padding-left: 0 !important; margin: 0 auto;}
.row{display: flex; flex-wrap: wrap;}
.mb-3{width: 30%; margin-left: 30px; }

@media (min-width:1660px) {
	#container-full{width: 100%; padding-left: 300px; padding-right: 300px;}
	.pages{max-width: 1160px !important;padding-right: 15px !important;padding-left: 15px !important;}
	.selfDL{
		padding-left: 30px;width: 30%;
	}
	/* header */
	.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,.6);}
	/* header */
}

@media (max-width:1660px) {
	.container-full{max-width:1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
	#container-ful{max-width:1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
	/* header */
	.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,.6);}
	/* header */
}
@media (max-width:1200px) {
	.container-width,.container-width-860{padding: 0 15px;}
	/* header */
	.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,.6);}
	/* header */
}
@media (max-width:768px) {
	.selfDiv{height: 50px;} 
	.public-padding{padding-top: 25px; padding-bottom: 25px;}
	#container-full{width: 100%; padding-left: 5%; padding-right: 5%;}
	.pages{max-width: 1160px !important;padding-right: 15px !important;padding-left: 15px !important;}
	.mb-3{width: 100%; margin-left:0}
	/* header */
	.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,1);}
	/* header */
}
:root {
  --main-color:#2458ae;
}


.logo{padding: 15px 0;}
.logo a{display: inline-block;}
.logo img {height: 60px;transition: all .3s;}
@media screen and (max-width: 1100px) {
	.logo{padding:15px 0;}
	.logo img {	height: 50px;}	
}

/* 打开按钮 */
#navbar-open{position: relative; float: right; width: 22px; height: 38px; line-height: 38px; display: block; background: var(--main-color); opacity: .9; padding: 0px 19px; text-align: center; margin-top: 25px; cursor: pointer;}
#navbar-open:before,
#navbar-open:after,
#navbar-open span{position: absolute; left: 8px; display: block; content: ''; width: 22px; height: 2px; background-color: #fff; transition: all .3s;}
#navbar-open:before{top: 10px;}
#navbar-open span{top: 18px;}
#navbar-open:after{bottom: 10px;}
.loginnavbar{
	display: flex;
	position: relative; 
	float: right;
	align-items: center;
	/*top: 18px;*/
}
#loginBtu{
		width: 50px;
		height: 38px;
		background-color: #2458AE;
		text-align: center;
		line-height: 38px;
		margin-top: 24px;
		margin-right: 20px;
		
		cursor: pointer;
}
#loginBtu a{
	color: #fff;
}
#welcome{
	margin-top: 2rem; margin-right: 1rem;
}
#welcome span{
	color: #333333
}

/* 导航 */
.m-nav-bg {position: fixed;top: 0;left: 0;z-index: 14;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .02);transition: .01s ease-in;visibility: hidden;}
.m-nav-box {position: fixed;top: 0;right: 0;z-index: 15;width: 20%;height: 100%;background-color: #fff;transform: translateX(60px); transition: .15s ease-in-out;opacity: 0;visibility: hidden;text-transform: uppercase;}
.m-nav-box ul li {padding-left: 20px;line-height: 80px;border-bottom: 1px solid #eee;border-left: 5px solid #fff;cursor: pointer;transition: .3s ease-in; font-size: 16px;}
.m-nav-box>ul>li>h3 a {	display: block;}
/*二级菜单*/
.m-navSub {position: absolute;top: 0;right: 0;z-index: 1;width: 60%;height: 100%;background-color: #fff;box-shadow: -5px 0 10px rgba(0, 0, 0, .1);transform: translateX(110%);transition: .3s ease-in;}
/*显示*/
.m-nav-bgOpen {visibility: visible;}
.m-navOpen {transform: translateX(0);opacity: 1;visibility: visible;}
.m-navOpen h3{font-size: 18px; }
.active {border-left: 5px solid #104873 !important; color: #104873;}
.showMe {transform: translateX(0);}

@media screen and (max-width: 1100px) {
	#navbar-open{ display: block;}
}


@media screen and (max-width: 768px) {
	.logo{padding: 7px 0;}
	.logo img {height: 36px;}
	#navbar-open{
		width: 22px;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
		margin-top: 10px;
	}
	#loginBtu{
		width: 60px;
		height: 30px;
		background-color: #2458AE;
		text-align: center;
		line-height: 30px;
		margin-top: 10px;
		margin-right: 10px;
		color: #fff;
	}
	#welcome{
		margin-top: 0.9rem; 
		margin-right: 1rem;
		font-size: 12px;
	}
	#navbar-open:before, #navbar-open:after, #navbar-open span {width: 20px;left: 5px;}
	#navbar-open:before{top: 7px;}
	#navbar-open span{top: 14px;}
	#navbar-open:after{bottom: 7px;}
	.m-navOpen h3 {font-size: 16px;}
	.m-nav-box ul li {font-size: 14px; padding-left:10px; line-height:66px;}
	.m-nav-box {width: 45%;}
}

/* footer */
.i-footer{padding: 70px 0 50px; background:#e7e7e7;color:#666666; margin-top: 30px;}

.i-footer-contact{float: left; width: 45%; padding-right: 40px;}
.i-footer-contact dt{font-size: 20px; color: #000000; margin:10px 0;font-weight:700}
.i-footer-contact dd{padding-top: 10px; font-size: 16px;}
.i-footer-contact dd i{}

.i-footer-nav{ 
	width: 55%;
	margin-left: 30px;
	display: flex;
	justify-content: flex-end;}

.i-footer-nav dl{float: left; width: 20%; padding-left: 15px;}
.i-footer-nav dt{font-size: 20px;  margin:10px 0;color: #000000;font-weight:700}
.i-footer-nav dd{padding-top: 10px; font-size: 16px;}
.i-footer-nav dd a{color:#666666; }
.i-footer-nav dd a:hover{color: #fff;}

.i-footer-wx{float: right; width: 10%; text-align: center;}
.i-footer-wx img{margin-bottom: 15px; width: 100%;}


@media (max-width:1105px) {
	.i-footer-contact{width: 100%; padding-right: 0; margin-bottom: 15px;}
	.i-footer-nav{display: none;}
	.i-footer-wx{ width: 20%; text-align: right; }
	.i-footer-wx img{ width: 50%;}
}
@media (max-width:768px) {
	.i-footer-contact{text-align: center;}
	.i-footer-nav{display: none;}
	.i-footer-wx{ width: 100%; text-align:center; }
	.i-footer-wx img{ width: 18%;}
}
@media (max-width:480px) {
	.i-footer-wx img{ width: 30%;}
	.i-footer-contact dd{font-size: 14px;}
}
@media (max-width:380px) {
	.i-footer-wx img{ width: 35%;}
	.i-footer-wx h3{font-size: 14px;}
}
.i-copy{padding:50px 0 70px; background:#e7e7e7;color:#666666; border-top: 1px solid #eeeeee;}
.i-copy-left{float: left; width: 70%;}
.i-copy-right{float: right; width: 30%; text-align: right;}
.i-copy a{color: #777777;}
.i-copy a:hover{text-decoration: underline;}

@media (max-width:1200px) {
	.i-copy{padding: 30px 0 60px;}
	.i-copy-left,.i-copy-right{float: none; width: 100%; text-align: center; line-height: 30px;}
}

/*------------------- 分页 www.adminbuy.cn -------------------*/
.pagecode-num {
	margin-top: 35px;
	text-align: center;
	font-size: 0;
}

.pagecode-num .page-num-current {
	display: inline-block;
	padding: 7px 13px;	
	background-color:#275CA8;
	color: #fff;
	font-size: 14px;
}

.pagecode-num a {
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 7px 13px;
	color: #666;
	margin: 0 5px;
	transition: .3s;
	font-size: 14px;
}