.menu_box{position: fixed;top:53px;right:70px;z-index: 999999999;}

.menu_box .fl em{display: block;font-size:15px;font-weight:bold;color:#414141;padding-top:4px;}

.menu_box .fl strong{font-size:14px;color:#414141;font-weight:100;}

.cd-nav-trigger{position: relative;height: 48px;width: 48px;overflow: hidden;float: right;margin-left:10px;}

.cd-nav-trigger .cd-icon {

	position: absolute;

	left: 50%;

	top: 50%;

	bottom: auto;

	right: auto;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: inline-block;

	width: 18px;

	height: 3px;

	background-color: #fff;

	z-index: 10

}

.cd-nav-trigger .cd-icon::before,.cd-nav-trigger .cd-icon:after {

	content:'';

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	-webkit-transform: translateZ(0);

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-o-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: -webkit-transform .3s;

	-moz-transition: -moz-transform .3s;

	transition: transform .3s

}

.cd-nav-trigger .cd-icon::before {

	content:'';

	-webkit-transform: translateY(-6px) rotate(0deg);

	-moz-transform: translateY(-6px) rotate(0deg);

	-ms-transform: translateY(-6px) rotate(0deg);

	-o-transform: translateY(-6px) rotate(0deg);

	transform: translateY(-6px) rotate(0deg)

}

.cd-nav-trigger .cd-icon::after {

	content:'';

	-webkit-transform: translateY(6px) rotate(0deg);

	-moz-transform: translateY(6px) rotate(0deg);

	-ms-transform: translateY(6px) rotate(0deg);

	-o-transform: translateY(6px) rotate(0deg);

	transform: translateY(6px) rotate(0deg)

}

.cd-nav-trigger::before,.cd-nav-trigger::after {

	content:'';

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	-webkit-transform: translateZ(0);

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-o-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	transition-property: transform

}

.cd-nav-trigger::before {

	content:'';

	background-color:#1048A0;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition-duration: .3s;

	-moz-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-delay: .4s;

	-moz-transition-delay: .4s;

	transition-delay: .4s

}

.cd-nav-trigger::after {

	background-color: #1048A0;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	transition-duration: 0s;

	-webkit-transition-delay: 0s;

	-moz-transition-delay: 0s;

	transition-delay: 0s

}

.cd-nav-trigger.close-nav::before {

	content:'';

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0)

}

.cd-nav-trigger.close-nav::after {

	content:'';

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition-duration: .3s;

	-moz-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-delay: .4s;

	-moz-transition-delay: .4s;

	transition-delay: .4s

}

.cd-nav-trigger.close-nav .cd-icon {background-color: transparent}

.cd-nav-trigger.close-nav .cd-icon::before,.cd-nav-trigger.close-nav .cd-icon::after {content:'';background-color: #fff}

.cd-nav-trigger.close-nav .cd-icon::before {

	content:'';

	-webkit-transform: translateY(0) rotate(45deg);

	-moz-transform: translateY(0) rotate(45deg);

	-ms-transform: translateY(0) rotate(45deg);

	-o-transform: translateY(0) rotate(45deg);

	transform: translateY(0) rotate(45deg)

}

.cd-nav-trigger.close-nav .cd-icon::after {

	content:'';

	-webkit-transform: translateY(0) rotate(-45deg);

	-moz-transform: translateY(0) rotate(-45deg);

	-ms-transform: translateY(0) rotate(-45deg);

	-o-transform: translateY(0) rotate(-45deg);

	transform: translateY(0) rotate(-45deg)

}

.cd-primary-nav {

	position: fixed;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	z-index: 999;

	overflow: auto;

	-webkit-overflow-scrolling: touch;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: visibility 0s, opacity .3s;

	-moz-transition: visibility 0s, opacity .3s;

	transition: visibility 0s, opacity .3s
}
.cd-primary-nav.fade-in {visibility: visible;opacity: 1}

.cd-primary-nav ul{width:1200px;margin:14% auto 0;}

.cd-primary-nav ul li{width:31%;border:1px solid #fff;float: left;text-align: center;margin:1%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.cd-primary-nav ul li a{padding:30px 0;    display: block;}

.cd-primary-nav ul li i{position: relative;display:inline-block;height:3px;width:56px;background: #fff;transition: all 0.5s;overflow: hidden;}

.cd-primary-nav ul li i::after{content:"";position: absolute;height:3px;width:1px;left:50%;top:0;transition: all 0.5s;}

.cd-primary-nav ul li h3{font-size:20px;color:#fff;margin:30px 0;transition: all 0.5s;}

.cd-primary-nav ul li span{font-size:16px;color:#fff;transition: all 0.5s;}

.cd-primary-nav ul li:hover{background-color:#1048A0;border-color: #1048A0;}

.cd-primary-nav ul li:hover i::after{background-color:#fff;transform: scaleX(58);-webkit-transform: scaleX(58);-o-transform: scaleX(58);-ms-transform: scaleX(58);-moz-transform: scaleX(58);}

.cd-primary-nav ul li:hover h3, .cd-primary-nav ul li:hover span{color:#fff;}

.cd-overlay-nav,.cd-overlay-content {

	position: fixed;

	top: 18px;

	right: 5%;

	height: 4px;

	width: 4px;

	-webkit-transform: translateX(-20px) translateY(20px);

	-moz-transform: translateX(-20px) translateY(20px);

	-ms-transform: translateX(-20px) translateY(20px);

	-o-transform: translateX(-20px) translateY(20px);

	transform: translateX(-20px) translateY(20px)

}

.cd-overlay-nav span,.cd-overlay-content span {

	display: inline-block;

	position: absolute;

	border-radius: 50%;

	-webkit-transform: translateZ(0);

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-o-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	will-change: transform;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0)

}

.cd-overlay-nav.is-hidden,.cd-overlay-content.is-hidden {

	opacity: 0;

	visibility: hidden;

	-webkit-transition: opacity .3s 0s, visibility 0s .3s;

	-moz-transition: opacity .3s 0s, visibility 0s .3s;

	transition: opacity .3s 0s, visibility 0s .3s

}

.cd-overlay-nav {z-index: 991}
.cd-overlay-nav span {background-color:rgba(0,0,0,1);}
.cd-overlay-nav video { width: 50%; z-index: -1; position: absolute; top: 20%; left: 0; right: 36%;bottom: 0;margin: auto;opacity: .8;;}
.cd-overlay-content {z-index: 9999}
.cd-overlay-content span {background-color: #1048A0}