/* CSS Document */

/*公共样式------------------------------------------------*/
body{ overflow-x:hidden;}
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,ul,form,input,select,textarea{margin:0;padding:0; color:0; font-size:13px; font-family: "微软雅黑"; font-weight:normal; }
img{ border:0;}
p{ margin:0; padding:0;}
a img{border:none;}
li{list-style-type:none;}
a{text-decoration:none;color:#383838;outline: none;}
input{vertical-align:middle;font-family:"微软雅黑";}
table{border-collapse:collapse;font-family:"微软雅黑";}
a:hover{cursor:pointer;text-decoration:none;}
a:focus {outline: none;}
input{vertical-align:middle;font-family:"微软雅黑"; border:0;}




/*logo*/
.logo{ position: fixed; top:50px; left:50px; z-index:999; }
.logo img{ width:100%;}


/*菜单*/
.nav-menu, nav-menu1, .nav-menu2{
 z-index: 99999;height: 86px; position: fixed; top:50px;right:50px;}

.nav-menu.show{opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}

.gh {
float:right;
	height:34px;
	width:29px;
	margin-right:70px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;

}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #dd1a20;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

.nav-menu2 .gh a {
	background-color: #fff;
	}


.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #dd1a20;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
	
}
.nav-menu2 .gh a:after, .nav-menu2 .gh a:before{
		background-color: #fff;
	}



.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
.nav-menu.show .gh a,
.nav-menu.show .gh a:after, 
.nav-menu.show .gh a:before{ background-color:#dd1a20;}

.nav-menu1.show .gh a,
.nav-menu1.show .gh a:after, 
.nav-menu1.show .gh a:before{ background-color:#fff;}

.nav-menu2.show .gh a,
.nav-menu2.show .gh a:after, 
.nav-menu2.show .gh a:before{ background-color:#fff;}

/*弹出菜单*/
#nav {
	position:fixed;
	top:0;
	width:0;
	width:100%;
	height:100%;
	background:rgba(193,193,193,0.5);
	transition: all 0.6s linear 0s;
	-webkit-transition: all 0.6s linear 0s;
	-ms-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	z-index:9999;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	

	
}



#nav.nav-hide{
	top:-100%;
	opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
}






.nav-con{ position:absolute; top:50%; left:50%; margin-left:-350px; margin-top:-100px;}
.nav-con .nav-list{ padding-top:50px; padding-bottom:22px;  width:11%; text-align:right; position:relative; background: rgba(255,255,255,0.8); margin-right:10px; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s; }
.nav-list a{ display:block; width:100%; height:100%;}
.nav-list:hover{background: rgba(255,255,255,1);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.nav-list h3{ font-size:45px; color:#d6191f; margin-bottom:30px;}
.nav-list p{ font-size:16px; color:#d6191f; margin-bottom:22px;}
.nav-list span{ display:block; width:22px; height:3px; background:#d6191f; position:absolute; right:15px;}










.index-nav{display:block;width:100%;height:100%;margin:0 auto;}
.bottom-img{margin-left:100px;}

@media screen and ( max-width:768px){
   .nav-bar-logo{ display:none;}	
	
	}