/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width,.container-width-860{padding: 0 15px;}
}

/* header */
.header{ width: 100%; z-index: 11;}
/* header */
.logo{padding: 22px 0; float: left; width: 30%;}
.logo img {	height: 60px;transition: all .3s;}

.r_nav{width: 70%;}
.gpdm{margin-top: 20px; color: #999; margin-right: 26px;}
.gpdm b{margin-right: 15px; color: #275ca8;}
.gpdm a{margin:0 3px; color: #999;}
.gpdm a.act{font-weight: bold; color: #275ca8;}

@media screen and (max-width: 1200px) {	.gpdm {margin-right: 0px;}}

/* navbox */
.navbox {text-transform: uppercase; float: right;}
.nav-menu>li {float: left; position: relative; padding:0 29px; }
.nav-menu>li:hover{cursor: pointer;}
.nav-menu>li>a {
	display: block;
	padding: 17px 0px 8px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	transition: all .3s;	
	text-align:center;	
}
.nav-menu>li>a span{ display: block; width: 100%; padding: 5px 0px;}
.nav-menu>li.on a,.nav-menu>li:hover a{color: #275ca8; /* border-bottom: 3px solid #275ca8; */}
.nav-menu>li.on a span,.nav-menu>li:hover a span{border-bottom: 3px solid #275ca8;}
.nav-menu>li.on a span,.nav-menu>li:hover a span{visibility:visible;}
.nav-submenu{
	position: absolute; 
	top: 65px; 
	left: 0px; 
	z-index: 3; 
	width: 100%;
	background-color: rgba(255,255,255,.8); 
	text-align: center; 
	visibility: hidden; 
	opacity: 0; 
	transform: translateY(10px); 
	transition: all .3s;
}
.nav-submenu li a{display: block; line-height:22px; padding:10px 5px; color: #333 !important; border-bottom: 1px solid #ccc;}
.nav-submenu li:last-child a{border:none;}
.nav-submenu li a:hover{background-color:#275ca8; color: #fff !important;}
.nav-menu>li:hover .nav-submenu{ visibility: visible; opacity: 1; transform: translateY(0);}

/*  */
.btn-navopen {
	float: right;
	width: 40px;
	height: 40px;
	background-color: #4fac5b;
	margin-top: 20px;
	35px;
	display: none;
}

.btn-navopen span {
	display: block;
	width: 18px;
	height: 1px;
	background-color: #fff;
	margin: 0 auto;
}

.btn-navopen span:first-child {
	margin-top: 12px;
}

.btn-navopen span:nth-child(2) {
	margin-top: 6px;
	width: 18px;
}

.btn-navopen span:last-child {
	margin-top: 6px;
}


/* 打开按钮 */
#navbar-open{position: relative; float: right; width: 22px; height: 38px; line-height: 38px; text-align: center;
display: none; background: #fff; opacity: .9; padding: 0px 16px; text-align: center; cursor: pointer;border-radius: 3px;}
#navbar-open:before,
#navbar-open:after,
#navbar-open span{position: absolute; left: 8px; display: block; content: ''; width: 22px; height: 2px; background-color: #104873; transition: all .3s;}
#navbar-open:before{top: 10px;}
#navbar-open span{top: 18px;}
#navbar-open:after{bottom: 10px;}
.navbar-open-on:before{transform:translateY(4px) rotate(45deg);transform-origin:0 0;}
.navbar-open-on span{width: 0!important;}
.navbar-open-on:after{transform:translateY(3px) rotate(-45deg);transform-origin:0 0;}

.wap-navbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transform: translateX(120px);
	transition: all .3s;
}

.btn-navclose,
.close-search {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.btn-navclose span,
.close-search span {
	position: absolute;
	top: 17px;
	left: 6px;
	width: 25px;
	height: 1px;
	background-color: #333;
}

.btn-navclose span:first-child,
.close-search span:first-child {transform: rotate(45deg);}

.btn-navclose span:last-child,
.close-search span:last-child {	transform: rotate(-45deg);}

.onShow {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

.m-nav-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	transition: .1s ease-in;
	visibility: hidden;
}

.m-nav-box {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	width: 60%;
	height: 100%;
	background-color: #fff;
	transform: translateX(60px);
	transition: .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	text-transform: uppercase;
}

.m-nav-box .search{width: 100%;}

.m-nav-box ul li {
	padding-left: 10px;
	line-height: 45px;
	border-bottom: 1px solid #eee;
	border-left: 5px solid #fff;
	cursor: pointer;
	transition: .3s ease-in;
}

.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;}
.active {border-left: 5px solid #104873 !important; color: #104873;}
.showMe {transform: translateX(0);}

/* wapnavmenu */
.wapnavmenu {padding-top: 120px;text-align: center;}

.wapnavmenu ul li {	padding-bottom: 35px;}

.wapnavmenu ul li a {color: #fff; font-size: 18px;}

@media screen and (max-width: 1200px) {
	.navbox ul {display: none;}
	#navbar-open{ display: block;}
	.nav-menu>li>a {font-size: 14px;}
}
@media screen and (max-width: 768px) {
	.logo{padding:15px 0;}
	.logo img {	height: 50px;}	
	.navbox ul {display: none;}
	#navbar-open{ display: block;}
	.nav-menu>li>a {font-size: 14px;}
}
@media screen and (max-width: 480px) {
	.logo{width: 40%;}
	.r_nav{width: 60%;}
	.logo img {	height: 40px;}	
	.gpdm{margin-top: 10px;}
}

/* footer */
.footer{padding: 35px 0; background:#383838; color:#fff;}

.footer-logo{float: left; width: 18%; }
.footer-logo img{margin-bottom: 20px;}
.footer-logo p{margin-bottom: 0px; font-size: 18px;}
.footer-logo p span{color: #aaa; font-size: 16px; float: left; display: inline-block;}
.footer-logo p b{float: left; display: inline-block;font-weight: normal;}

.footer-ewm{float: left; width: 11%; text-align: center; color: #ccc;}
.footer-ewm img{margin: 15px 0 10px; width: 57%;}

.footer-link{float: left; width: 71%; border-left: 1px solid #666; padding-left: 12px; padding-bottom: 20px;}
.footer-link dl{float: left; width: 15.8%; padding-left: 15px;}
.footer-link dl:nth-child(2){width: 21%;}
.footer-link dt{font-size: 14px; color: #fff; margin:5px 0; font-weight: bold;}
.footer-link dd{padding-top: 5px;}
.footer-link dd a{color:#ccc; font-size: 12px;}
.footer-link dd a:hover{color:#fff;}

.footer-copyright{padding: 15px 0 ; font-size: 14px;color: #aaa; text-align: center; background: #000;}
/* .footer-copyright a{color: #999999; margin-left: 10px;}
.footer-copyright a:hover{color: #fff; } */

@media screen and (max-width:1200px) {
	.footer-logo,.footer-ewm{width: 50%;}
	.footer-ewm img{width: auto;}
	.footer-link{width: 100%; border:0; padding: 0;}
	.footer-link dl{margin-top: 20px;}
}

@media (max-width:768px) {
	.footer{padding: 45px 0; }
	.footer-link{margin-top: 25px;}
	.footer-link dl {width: 33.33% !important; display: block;padding-left: 10px;margin-top: 0px;}
	.footer-link dd{display: none;}
	.footer-link dl:last-child{width: 100% !important;}
	.footer-link dl:last-child dt{width: 33%;}
	.footer-link dl:last-child dd{display: block; text-align: left; float: left; width: 33%; }
}
@media (max-width:600px) {
	
}
@media (max-width:480px) {
	.footer{padding: 35px 0; }
	.footer-logo{width: 60%; text-align: left; padding-right: 10px;}
	.footer-logo img{width: 96%;}
	.footer-logo p{font-size: 19px;}
	.footer-logo p span{color: #aaa; font-size: 16px;}
	.footer-ewm{width: 40%; font-size: 13px;}
	.footer-ewm img{margin: 6px 0px 10px; width: 68%;}
	.footer-link dl{font-size: 16px; text-align: center; padding-left: 0px;}
	.footer-link dt{font-weight: normal; margin:15px 0 5px;}
	.footer-link dd{font-size: 14px; }
	.footer-link dl:last-child dd{width: 33%;}
}

@media (max-width:425px) {
	.footer-link dl:last-child dd{padding-left: 35px;}
}
@media (max-width:375px) {
	.footer-logo p{font-size: 17px;}
	.footer-logo p span{font-size: 14px;}
	.footer-link dl:last-child dd{padding-left: 28px;}
}
@media (max-width:360px) {
	.footer-link dl:last-child dd{padding-left: 26px;}
}
@media (max-width:320px) {
	.footer-logo p{font-size: 14px;}
	.footer-logo p span{font-size: 13px;}
	.footer-ewm{width: 40%; font-size: 12px;}
	.footer-link dl:last-child dd{padding-left: 19px;}
}