/* 容器 */
*{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;}
@media (max-width:1800px) {
	.container-full{max-width:1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
}
@media (max-width:1200px) {
	.container-width,.container-width-860{padding: 0 15px;}
}
@media (max-width:768px) {
	.public-padding{padding-top: 25px; padding-bottom: 25px;}
}
:root {
  --main-color:#2458ae;
}

/* header */
.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,.6);}
/* header */
.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;}

/* 导航 */
.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;
	}
	#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:#151515;color:#888888; margin-top: 30px;}

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

.i-footer-nav{float: left; width: 55%;}
.i-footer-nav dl{float: left; width: 20%; padding-left: 15px;}
.i-footer-nav dt{font-size: 20px; color: #fff; margin:10px 0;}
.i-footer-nav dd{padding-top: 10px; font-size: 16px;}
.i-footer-nav dd a{color:#888888; }
.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:1100px) {
	.i-footer-contact{width: 100%; padding-right: 0; margin-bottom: 15px;}
	.i-footer-nav{width: 75%; padding-left: 0;}
	.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:#151515;color:#888888; border-top: 1px solid #888888;}
.i-copy-left{float: left; width: 70%;}
.i-copy-right{float: right; width: 30%; text-align: right;}
.i-copy a{color: #888888;}
.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.dedesos.com -------------------*/
.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;
}