@charset "utf-8";

header{ display:none}
@media screen and (max-width:1200px){
.nav{ display:none;}
.nav_bg {
height: 41px !important;
}	
header{ display:block; }	
header .logo{ font-size:12px;}
header .logo img{width: 110px;
  padding-top: 8px;}
header nav li,header nav li a,header nav:hover a:hover,header nav li.active a{color:#fff;}
header.nobackg nav li,header.nobackg nav li a,header.nobackg nav:hover a:hover{color:#787878;}
header nav li.active a{color:#f94f73;}
header nav li,header nav li a{float:left;}
header nav:hover a{opacity:0.5;}
header .toggle,header.active nav li{opacity:0;}

header.nobackg{background:none;}
header.active{background-color:rgba(0,0,0,0.2);}
header.active .toggle{opacity:1;}
header.active nav li{-webkit-transform:translateY(-110%);transform:translateY(-110%);}
header.active .toggle em:first-child,header.active .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
header.active .toggle:hover em:first-child{-webkit-transform:translateY(-2px);transform:translateY(-2px);}
header.active .toggle:hover em:last-child{-webkit-transform:translateY(2px);transform:translateY(2px);}
header.active .toggle{-webkit-transition:all 0.3s ease-out 1.3s;-moz-transition:all 0.3s ease-out 1.3s;-ms-transition:all 0.3s ease 1.3s;-o-transition:all 0.3s ease-out 1.3s;transition:all 0.3s ease-out 1.3s;z-index:1;}

header{width:100%;position:fixed;top:0px;left:0px;padding:3px 0;z-index:100;background:url(../images/bk80.png);overflow:hidden;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
header nav{float:right;}
header nav li a{padding:0 18px;}
header nav li,header nav li a{line-height:42px;font-size:14px;}
header nav:hover a:hover{opacity:1;}
header .toggle{width:30px;height:24px;position:absolute;top:9px;right:0px;cursor:pointer;z-index:-1;}
header .toggle em{width:100%;height:4px;position:absolute;top:0px;left:0px;background-color:#fff;border-radius:5px;}
header .toggle em:nth-child(2){top:10px;}
header .toggle em:last-child{top:auto;bottom:0px;}
header .toggle em:first-child{-webkit-transform:translateY(10px);transform:translateY(10px);}
header .toggle em:last-child{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
header nav li:nth-child(1){-webkit-transition:all 0.5s ease-out 0.4s;-moz-transition:all 0.5s ease-out 0.4s;-ms-transition:all 0.5s ease 0.4s;-o-transition:all 0.5s ease-out 0.4s;transition:all 0.5s ease-out 0.4s;}
header nav li:nth-child(2){-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-ms-transition:all 0.5s ease 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;}
header nav li:nth-child(3){-webkit-transition:all 0.5s ease-out 0.6s;-moz-transition:all 0.5s ease-out 0.6s;-ms-transition:all 0.5s ease 0.6s;-o-transition:all 0.5s ease-out 0.6s;transition:all 0.5s ease-out 0.6s;}
header nav li:nth-child(4){-webkit-transition:all 0.5s ease-out 0.7s;-moz-transition:all 0.5s ease-out 0.7s;-ms-transition:all 0.5s ease 0.7s;-o-transition:all 0.5s ease-out 0.7s;transition:all 0.5s ease-out 0.7s;}
header nav li:nth-child(5){-webkit-transition:all 0.5s ease-out 0.8s;-moz-transition:all 0.5s ease-out 0.8s;-ms-transition:all 0.5s ease 0.8s;-o-transition:all 0.5s ease-out 0.8s;transition:all 0.5s ease-out 0.8s;}

	
	
.maskBtn{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.7);z-index:100;}
header nav{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pageFrame.trx,.maps.trx,footer.trx,header .logo.trx,header .toggle.trx{-webkit-transform:translateX(-250px);transform:translateX(-250px);}
header{z-index:101;}
.mlr50{margin:0;padding:0 15px;display:block;position:relative;}
header{overflow:visible;height: 50px;}
header nav{width:250px;position:fixed;float:none;top:41px;left:auto;right:-250px;bottom:0px;background-color:#000;z-index:10;}
header nav.show{right:0px;}
header nav ul{width:100%;height:100%;}
header nav li,header nav li a{width:100%;height:45px;line-height:45px;}
header nav li a{width:100%;float:none;font-size:14px;display:inline-block;padding:0 25px;color:#c1c1c1;}
header nav li.active a{color:#fff;background-color:#3bb3c2;}
header .toggle{opacity:1;right:15px;}
header .toggle em:first-child,header .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
header .toggle{z-index:1;}



.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100; height:auto;}
.web_hid_nav{display:block !important}
.nav li{position:initial;height:auto;}


.yiti h2{ width:100% !important; height:auto !important; line-height:inherit !important; font-size:24px !important; text-align:center !important;}
.yiti p{ background:none !important; padding-bottom:0 !important;}
.yiti img{ display:block !important;}





}


@media screen and (max-width:1200px){
	body{ overflow-x:hidden;}
	.anli_c{ margin-top:30px;}
.anli_c .lefta, .anli_c .righta {
margin-bottom:30px;
width: 49%;
float:left;
}	
.anli_c .righta{ float:right;}	

.anli_c .lefta .img,.anli_c .righta .img{
width: 100%;
}
.anli_c .lefta .info,.anli_c .righta .info {
width: 100%;
height: auto;
border: 1px solid #f0f0f0;
border-top:none;
}
.anli_c .info h2 {
font-size: 18px;
color: #2b2b2b;
padding-top: 5%;
font-weight: 300;
}
.anli_c .info .txt{ font-size:14px;}
.gridEP {
height: 180px;
}	
	}



@media screen and (max-width:900px){
	
	.fonnt{ height:auto;}
	.fonnt .fr{ display:none;}
	.fonnt .fl{ width:96%; text-align:center; padding:10px 0; font-size:12px; margin:0 auto; float:none;}
	
	.main{ margin-top:20px;}
	#allmap{width:96% !important;height:150px !important; margin:0 auto;}

	
	.fwly_m .w1200 {
width: 100%;
margin: 0 auto;
}
.width {
width:100%;
margin: 0 auto;
padding-top:0;
}
	
	
	
	}

@media screen and (max-width:560px){

header .toggle{width:22px;height:15px; top:14px;}
header .toggle em{height:3px;}
header .toggle em:nth-child(2){top:6px;}
header .logo{width:80px;}
.anli_c .lefta, .anli_c .righta {
	margin:0 auto;

margin-bottom:30px;
width: 96%;
float:none;
}	
}


@media screen and (max-width:768px){
.fwly_m .fl,.fwly_m .fr{ float:none}
	
.fwly_m li {
  padding: 40px 0;
}
.fwly_m .fw_l {
  width: 90%;
  margin:0 auto;
}
.fwly_m .fw_r {
  width: 90%;
  margin:0 auto;
}
.fwly_m .fw_r{ margin-top:15px}	
.fwly_m li h1 {
  font-size: 16px;
  font-weight: normal;
  color: #0C0C0C;
  padding-bottom:15px;
}
.fwly_m li p {
  font-size: 14px;
  line-height: 1.7;
   
  color: #8F8F8F;
}
.news li .title p {
	display:none;
}


	}







header .language{ font-size:14px;position: fixed; right:50px; line-height:40px; top:0;color:#999; margin-top:5px; }
header .language a{ padding:0 5px;   font-size: 14px; color:#fff} 
header .language a.zh{ color:#3bb3c2}