@charset "utf-8";
/* CSS Document */
body{margin: 0 auto;}
div{ padding: 0; margin: 0 auto; } 
button{list-style-type:none;background: none;  cursor: pointer;  font-size: 100%;font-family: "微软雅黑";border-radius:25px;width: 48%;padding-top: 1%;padding-bottom: 1%;}
button:hover{background:rgba(220,220,220,1.00);color: rgba(255,0,4,1.00)}
*{ margin: 0; padding: 0;}
ul { list-style-type: none;}
a{text-decoration: none;}

@media all and (max-width: 700px){body {font-size: 62.5%!important;}}
@media all and (max-width: 770px){
	button {display: none;}

}
@media all and (max-width: 1300px){
		.ww{display: none;}
	

}
@media all and (max-width: 650px){

		.cc{display: none;}

}
.daohang{
  width:100%;
  height:auto;
	
}

.tu3 {
  background: url(" tupian/tu3.png") no-repeat;
	background-size: 100% 100%;
	padding-bottom: 8%;

}
.wenzi1 {
  display: block;
  margin: 0 auto;
  padding-top: 40%;
	width: 100%;
  
}

.biao{
  display: block;
  margin: 0 auto;
  padding-top: 10%;
		width: 100%;


}

.anniu1 {

  width: 20%;
	margin-top: 2%;
}


.tu6{
  background: url(" tupian/bgg1.jpg" ) no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
	width: 100%;
}

.wenzi2 {
	  display: block;
  margin: 0 auto;
  padding-top: 40%;
	width: 100%;
}

.tu5 {
	  display: block;
  margin: 0 auto;
  padding-top: 10%;
		width: 100%;
	  padding-bottom: 30%;
}

.anniu3 {
width: 20%;
margin-top: 2%;


}

.tu4{

  background-image: url(" tupian/tu4.png");
  background-repeat: no-repeat; 
  background-position: bottom;
  background-size: 100%;

}
.tu7{
	background: rgba(245,245,245,0.8);
}
.wenzi3 {
  display: block;
  margin: 0 auto;
  padding-top: 30%;
  width: 100%;
}
.tu2 {

	position: relative;
	z-index: 2;
	top: -10vw;
	width: 100%;
  padding-bottom: 30%;
}

.anniu5 {
 width: 20%;
margin-top: 2%;
position: relative;
z-index:2;
}
.anniu5 button{
 cursor: pointer; 
}
.tu {
	position: relative;
	z-index: 1;
	top: -10vw;


}
.tu8 {
	width: 100%;
}
.tu7{ 
	width:100%;
  height:auto;}


.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999;  background-color: rgba(0, 0, 0, 0.6); width: 100%;height: 50px;}


.menu { width: 80%; margin: 0 auto;  }
.logo { float: left; margin-top: 9px; margin-left: 5%;}
.logo a { display: inline-block; width: 32px; height: 32px; background-image: url( tupian/logo_2x.png); background-size: 100%;}
.nav { float: right;font-size: 0;}
.logo1 { float: right; width: 20%; line-height: 50px; display: none;}
.logo1 img { display: inline-block; }
.nav li { display: inline-block; margin-left: ;}
.nav a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-decoration: none;}
.nav a:hover { color: #83c3f3;}
@media all and (max-width:900px){
	.nav {display: none;}
	.logo1{display: block;}
	.logo1{line-height: 62px;}
}

.hl_nav a {
	display: block;
	text-decoration: none
}

.hl_nav .shade {
	position: absolute;
	width: 100%;
	height: 40px;
	top: 50px;
	left: 0;
	z-index: 1;
	background-color: #eee;
	opacity: .9;
	filter: alpha(opacity=90);
	box-shadow: 0 5px 15px #ccc;
	display: none;
	border-bottom: #fff solid 1px;
	border-bottom: rgba(255,255,255,.3) solid 1px
}



.hl_nav .nav_list>li {
	padding: 0;
	float: left;
	margin: 0;
	    margin: 0 6px;
	text-align: center;
	height: 50px;
	overflow: hidden;
	transition: height .3s
}
	.hl_nav .nav_head {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	position: relative;
	    padding: 0 8px;
 }

.hl_nav .nav_body {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
	position: relative;
	border-left: #ef7e46 solid 2px;
	border-right: #ef7e46 solid 2px
}

.hl_nav .nav_body:last-child {
	border-bottom: #ef7e46 solid 2px
}

.hl_nav .nav_list>li.active .nav_head,.hl_nav .nav_list>li:hover .nav_head {
  color: #fff;
    background-color: #ef7e46
}

.hl_nav .nav_list>li:hover {
	background-color: #fff;
	height: auto
}
.hl_nav .nav_body:hover {
	color: #666563
}

.hl_nav .nav_body:after {
	content: '';
	display: block;
	height: 0;
	position: absolute;
	bottom: -1px;
	width: 60%;
	left: 20%;
	border-bottom: #ef7e46 dashed 1px
}


.wenzi{text-align: center; font-size: 3rem;font-family: '微软雅黑';}
.wenzi4{text-align: center; font-size: 2rem;font-family: '微软雅黑';}
.wenzi5{text-align: center; font-size: 1.4rem;font-family: '微软雅黑';}
.yejiao{color: white; width: 100%; float: left; text-align: center;}
.lianxi{width: 30%; float: right; padding-top: 3%;color: white;font-size: 0.6rem;}
.chanpin{float: left; width: 30%; padding-top: 3%; padding-bottom: 3%; font-size: 0.6rem; font-family: '微软雅黑'; padding-left: 10%;color: white;}
.chanpin a{ color: white;}
.yejiao2{width:100%;height:auto;background: rgba(22,22,22,1.00); color: white;text-align: center;float: left;margin-top: 10px;display: none;}
.yunguanggao{width:50%; padding-top: 10%;}
@media all and (max-width: 1200px){
	.chanpin{width: 55%;}
	.lianxi{width:35%;}
	
}
@media all and (max-width: 650px){
	.yejiao2{display: block;}
	
}


.menu1{position:absolute; right:0px; top:0px; z-index:1002; width:100%; display:none;}
.menu1 .close{ position:absolute; right:35px; top:12px;}
.mmenu{ background:rgba(87,87,87,1.00) ; width:85%; margin: 100px auto 0; overflow:hidden;border-radius:10px; margin-top:50px; box-shadow:5px 5px 5px #ccc;}
.mmenu  li > a{ display:block; position:relative;}
.mmenu  li > a span{    display: block;
    border-top: solid 1px white;
    border-bottom: solid 1px #ccc;
    
    line-height: 50px;
    font-size: 1.4rem;
    color: white;
    text-shadow: 1px 2px 2px #000;
    text-indent: 30px;}
.mmenu > ul > li a{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.mmenu div{ background:#fff; text-align:center; border-radius:0 0 5px 5px;}
.mmenu div img{ display:inline-block;}
	.mmenu a{text-decoration: none;}

.color{color: rgba(204,204,204,1.00)}
.lx{width: 20px; float: left;margin-right: 10px;}
html {font-size: 100%!important; }
@media all and (max-width: 1480px){
    html {
        font-size: 80%!important; 
    }
}
@media all and (max-width: 1200px){
    html {
        font-size: 60%!important; 
    }
}
@media all and (max-width: 950px){
    html {
        font-size: 40%!important; 
    }
}
@media all and (max-width: 850px){

	.tu3{margin-top: 50px;}
}

.tubiao{margin: 0 auto; width: 60%;margin-top: 5%;overflow: hidden;}
.tubiao1{float: left;width: 25%; padding-bottom: 2%;}

.tubiao1{animation-name: imgAnimation;  
      animation: imgAnimation 2s alternate; }
 @-webkit-keyframes imgAnimation{  
    0%{margin-left: -100%;}  
    100%{ margin-left:0px;}  } 

.tubiao2{width: 30%;display: block;margin:0 auto;}
.tubiao3{display: block; margin: 0 auto; padding-top: 10%; height: 80%;}
.tubiao1:hover{
	border-bottom: 2px #1296db solid;
   color:#1296db;
}
.tubiao p{font-family: "微软雅黑"}
.shujubiao{width: 20%;border: 1px rgba(201,201,201,1.00) solid;float: left;margin-right: 2%;margin-left: 2%;padding-bottom: 10%;padding-top: 10%;background: rgba(255,255,255,1.00);opacity: 0.8;display: none;}
.shujubiao{transition: All 0.4s;}
.shujubiao:hover{transform: scale(1.2);opacity: 1;}

.shujubiao1{width: 20%;border: 1px rgba(201,201,201,1.00) solid;float:left;margin-right: 2%;margin-left: 2%;padding-bottom: 10%;padding-top: 10%;background: rgba(255,255,255,1.00);opacity: 0.8;display: none;}
.shujubiao1{transition: All 0.4s;}
.shujubiao1:hover{transform: scale(1.2);opacity: 1}
.genz p{text-align: center; padding-top: 5%;font-family: "微软雅黑"}

.juyou{width: 60%; margin:0 auto; margin-top: 5%;}
.juyou1{float: left;width: 24%;transition: All 0.4s ease-in-out;}
.juyou1:hover{ transform:scale(1.2) rotate(720deg) ; }
.juyouimg{display: block;margin: 0 auto;width: 40%;}
.juyou1 p{text-align: center;padding-top: 5%; font-family: "微软雅黑";}



.genz{width: 60%;margin-top: 5%;}
.genz img{width: 40%;display: block;margin: 0 auto;}

.youshis{width:60%;margin-top: 5%;}
.youshis1{width:30%;float: left;margin-right: 5%;opacity: 0}
.youshis1{transition: All 0.4s}
.youshis1:hover{  transform: scale(1.2); }
.youshis2{width:30%;float: left;opacity: 0}
.youshis2{transition: All 0.4s;}
.youshis2:hover{  transform: scale(1.2); }
.youshiszi{width: 100%;background: rgba(232,232,232,1.00);height: 40px;}
.youshis p{text-align: center;line-height: 40px;}
.youshistu{width: 99%;border:rgba(232,232,232,1.00) 1px solid; }

.youshis3,.youshis4{animation-name: imgAnimation;  
      animation: imgAnimation 2s alternate; opacity: 1;}
 @-webkit-keyframes imgAnimation{  
    0%{margin-left: -100%;}  
    100%{ margin-left:0px;}  
	 }

@media all and (max-width: 700px){
	.genz{width: 30%;}
	.shujubiao{width:42%;margin-bottom: 10px;margin-right: 2%;margin-left: 2%;}
	.shujubiao1{width:42%;margin-bottom: 10px;margin-right:2%;margin-left: 2%;}
	
	.youshis1{clear: both;width: 100%;margin-bottom: 20px;}
	.youshis2{clear: both;width: 100%;}
	.tu6 .wenzi,.tu6 .wenzi4,.tu6 .wenzi5{color: white;}
}