*{ padding:0; margin:0;}*

div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del{ padding:0; margin:0; font-weight:normal;}

body,input,textarea{font-size:12px;font-family:microsoft yahei;color:#666;}

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6,h7,h8,em,i{ font-size:12px; font-weight:normal;}

a{ color:#666; font-weight:normal; text-decoration:none;}

p{ color:#666;}

img{ border:0px;}

span{ display:block;}

body{-webkit-text-size-adjust:100%; }

*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

::-webkit-scrollbar {width:10px;}

::-webkit-scrollbar-track { background:#0d3b22;}

::-webkit-scrollbar-thumb { width:4px; background-color:#f8a70c;}

::-webkit-scrollbar-thumb:window-inactive {background:#0d3b22;}

/*------------------------------*/





.banner-map{ width:100%; height:100%; float:left; background:#0d3b22; background-size:cover; position:relative; display:table;}

.nav-map{ width:100%; float:left; background:rgba(0,0,0,0.5); height:90px; position:fixed; left:0px; top:0px; z-index:2; overflow:hidden;}

.nav-map h1{ float:left; position:absolute; left:160px; top:29px;}

.nav-map h1 a{ display:inline-block; float:left;}

.nav-map h1 a img{ max-width:180px; float:left;}

.nav-map ul{ float:right; position:absolute; right:160px; top:21px;}

.nav-map ul li{ float:left; margin-right:60px;}

.nav-map ul li a{ display:inline-block; float:left; font-size:18px; color:#fff; width:110px; text-align:center; line-height:48px; height:48px; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}

.nav-map ul li a:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; border:2px solid #f8b500; opacity:0; z-index:1; transition:all 0.5s ease-out 0s;}

.nav-map ul li a:after{content:""; position:absolute; left:-100%; top:0px; width:110px; height:100%; float:left; background:#f8b500; transition:all 0.5s ease-out 0s;}

.nav-map ul li:last-child { margin-right:0px;}

.nav-map ul li a:hover{ color:#f8b500;}

.nav-map ul li a:hover:before{ opacity:1;}

.nav-map ul li a:hover:after{ left:110px;}

.contact-mai{ width:100%; float:left; height:100%; position:relative; display:table; padding-top:90px;}

.contact-mai img{ max-width:90%; padding:0 15px; display:block; margin:0 auto; text-align:center; opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition:all 1s;}

.active .contact-mai img.uop{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0.5s;}

	

	

	

.contact-mai img.uop-none{ display:none;}

#menu .active a{ color:#f8b500;}

#menu .active a:before{ opacity:1;}

#menu .active a:after{ left:110px;}

@media (max-width: 1600px){
	.contact-mai img{ max-width:70%;}
	
	}

@media (max-width: 1366px){

	.nav-map ul li a{ font-size:16px;}

	

	}





@media (max-width: 1200px){

	.nav-map{ height:80px;}

	.contact-mai{ padding-top:80px;}

	.nav-map ul{ right:40px;}

	.nav-map h1{ left:40px; top:27px;}

	.nav-map h1 a img{ max-width:140px;}

	.nav-map ul{ top:20px;}

	.nav-map ul li{ margin-right:40px;}

	.nav-map ul li a{ font-size:14px; width:90px; line-height:40px; height:40px;}

	.nav-map ul li a:before{ border:1px solid #f8b500;}

	.nav-map ul li a:after{ width:90px; left:-90px;}
	.contact-mai img{ max-width:80%;}
	}

@media (max-width: 768px){

	.nav-map h1{ left:15px;}

	.nav-map ul{ right:15px;}

	.contact-mai img{ display:none;}

	.contact-mai img.uop-none{ display:block; max-width:94%}

	}

@media (max-width: 640px){

	.nav-map{ height:60px;}

	.contact-mai{ padding-top:60px;}

	.nav-map ul{ display:none;}

	.nav-map h1{ left:50%; margin-left:-70px; top:17.56px;}

	

	

	}