@charset "utf-8";
html,body {
  height: 100%; 
  background-color:#fff;
  font-family: "Verdana","Arial", sans-serif;
  overflow:hidden;
}
.first{
	 position:initial;
	 height: 100%;
	 width:100%;
}

.pages{
	position: fixed; 
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; 
	height:100%;
	width:100%; 
	opacity:1;
	}

.logo_kuang_top{
	  width:0px;
	  height:3px;
	  background-color:#eb3719;
	  position:absolute;  
	  top:-3px;
	  left:-3px;
  }
  
  .logo_kuang_right{
	  width:3px;
	  height:0px;
	  background-color:#eb3719;
	  position:absolute;  
      top:-3px;
	  right:-3px;
  }
  
  .logo_kuang_bottom{
	  width:0px;
	  height:3px;
	  background-color:#eb3719;
	  position:absolute;  
      bottom:-3px;
	  right:-3px;
  }
  
  .logo_kuang_left{
	  width:3px;
	  height:0px;
	  background-color:#eb3719;
	  position:absolute;  
      bottom:-3px;
	  left:-3px;
  }
  
 .logo_kuang{
	 position:absolute;
	 top: -264px;
	 bottom: 0;
	 left: -415px;
	 right: 0;
	 margin: auto;
	 width:75px;
	 height:75px;
	 border:3px solid #eb3719; 
     transform:scale(1);
	 display:none;
	  }
	  
.logo_k1{
	opacity:1; 
	border:3px solid transparent; 
	background-color: #fff;
    z-index:9;
}
.logo_k2{
	opacity:0.62; 
background-color: #fff;
  z-index:8;
}
.logo_k3{
	opacity:0.62; 
background-color: #fff;
  z-index:7;
}
.logo_k4{
	opacity:0.52; 
background-color: #fff;
  z-index:6;
}
.logo_k5{
	opacity:0.52; 
background-color: #fff;
  z-index:5;
}
.logo_k6{
	opacity:0.42; 
background-color: #fff;
  z-index:4;
}
.logo_k7{
	opacity:0.42; 
background-color: #fff;
  z-index:3;
}
.logo_k8{
	opacity:0.32; 
background-color: #fff;
  z-index:2;
}
.logo_k9{
	opacity:0.32; 
background-color: #fff;
  z-index:1;
}
	  
.logo_img{
	width:69px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	opacity:1; 
	}

.logo_bg{
	width:13%;
	position:absolute;
	left:30px;
	bottom:23px;
	margin:auto;
	opacity:0; 
	}

.logo_nr{
	position: absolute;
    top: 0;
    left: 0;
    padding: 23px 30px;
	color:#eb3719;
    font-size: 1.667em;
    font-weight: 400;
	opacity:0;
	}

.logo_guanggao{
    position: absolute;
    top: 0;
    left: 0;
    padding: 190px 30px;
    color:#000;
    font-size: 1.2em;
    font-weight: 400;
	opacity:0;
	}

/*left*/
.kuang{
	position: absolute;
    left: 0;
    right: 0;
    margin: 100px auto auto auto;
    height: 260px;
    width: 260px;
	border:3px solid #eb3719;
	transform-origin:0% 100%;
	opacity:0;
}

.k1{
	border:3px solid #eb3719;
	opacity:0.0;
	transform: perspective(120px) translateX(-000px) translateY(625px) rotatex(-20deg) rotatey(20deg) rotateZ(-180deg) scale(3);
  z-index:99;
}

.k2{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(1200px) translateY(-1025px) rotatex(20deg) rotatey(-20deg) rotateZ(180deg)  scale(3.3);
z-index:98;
}

.k3{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(-1400px) translateY(-000px)  rotatex(-20deg) rotatey(20deg) rotateZ(-180deg) scale(3.6);
z-index:97;
}

.k4{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(-1200px) translateY(-1025px) rotatex(20deg) rotatey(-20deg) rotateZ(180deg) scale(3.9);
z-index:96;
}

.k5{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(1200px) translateY(625px) rotatex(-20deg) rotatey(20deg) rotateZ(-180deg) scale(4.2);
z-index:95;
}

.k6{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(1200px) translateY(000px) rotatex(20deg) rotatey(-20deg) rotateZ(180deg) scale(4.5);
z-index:94;
}

.k7{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(-1400px) translateY(625px) rotatex(-20deg) rotatey(20deg) rotateZ(-180deg) scale(4.8);
z-index:93;
}
.k8{
	border:3px solid #eb3719;
	opacity:0.0;
    transform: perspective(120px) translateX(-00px) translateY(-1025px) rotatex(20deg) rotatey(-20deg) rotateZ(180deg) scale(5.1);
z-index:92;
}

.nr{
	position: absolute;
    top: 0;
    left: 0;
    padding: 23px 30px;
	color:#eb3719;
    font-size: 1.667em;
    font-weight: 400;
	display:none;
	}

.guanggao{
    position: absolute;
    top: 0;
    left: 0;
    padding: 190px 30px;
    color:#000;
    font-size: 1.2em;
    font-weight: 400;
	}




/*left*/
.title{
	position:fixed;
    margin-top:30px;
	margin-left:30px;
	width:400px;
	height:100px;
	z-index:1;
	display:none;
}

.title img{
	width:100px;
	height:100px;
	display:table;
	float:left;
	animation:lgzhuan 2s infinite;
	animation-iteration-count:1;
}

@keyframes lgzhuan
{
from {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.1)}
to {transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg) scale(1)}
}

.title div{
	padding-left:30px;
	color:#b3b3b3;
	font-size:.278em;
	display:table-cell;
	text-transform:uppercase;
	line-height:inherit;
}

/*right*/
.menu{
	position:fixed;
	margin-top:30px;
	float:right;
	right:30px;
	width:80px;
	z-index:1;
	display:none;
}
.menu :hover {
  color:#eb3719 ;
}

.menu :hover +span {
  background-color:red;
}
.menu :hover +span:before  {
  background-color:red;
}
.menu :hover +span:after {
  background-color:red;
}

.menu div{
	position:fixed;
	float:left;
	font-size:19px;
}

.menu span{
    float: right;
    width: 25px;
    height: 3px;
    background: #333;
    position: relative;
    margin: 8px 0 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.menu span:before{
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 25px;
    height: 3px;
    background: #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.menu span:after{
	content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 25px;
    height: 3px;
    background: #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/*down*/
.down{
	position:fixed;
	bottom:50px;
	float:right;
	right:30px;
	width:50px;
	height:50px;
	background-color:#eb3719;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:20px;
	display: block;
	transition:all .5s ease;
    -webkit-transition:all .5s ease;
	z-index:1;
	display:none;
}

.down:hover {
	background-color:#eb3719;
	color:#fff;
	line-height:55px;
	font-size:22px;
	width:55px;
	height:55px;
	right:25px;
	bottom:45px;
	transition:all .5s ease;
    -webkit-transition:all .5s ease;
}

.yuanjing{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	margin-top:450px;
    width: 1000px;
	height:200px;
	background-color:transparent;
	/*padding-left:20px;*/
	display:none;
}
.yj_yw{
	width:100%;
	vertical-align:middle;
	font-size:1.8em;
}

.yj_zw{
	width:100%;
	vertical-align:middle;
	font-size:1em;
	margin-top:20px;
}
.mulu1{
	width:100%;
	vertical-align:middle;
	text-align:right;
	position:absolute; 
	right:0px;
	bottom:0px;
}

.mulu1 a{
	text-decoration:none;
	margin-right:20px;
	font-weight:400;
	color:#333;
	font-size:20px;
}

.mulu1 a:before{
	content: "";
	position: absolute;
	bottom: -2px;
	width: 0;
	border-bottom:3px solid #eb3719;
	transition:all 1s ease;
}

.mulu1 a:hover:before{
	width: 80px;
}

.caidan{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	margin-top:700px;
   
	background-color:transparent;
	display:none;	
}
.caidan1{
	width:1140px;
	height:395px;
	text-align:center;
	margin-top:40px;
	margin:0 auto;
	margin-bottom:40px;
	}

.cd{
	position:relative;
	width:550px; 
	height:100%; 
	text-align:center;
	opacity:0;
	overflow:hidden;
	
	}

.cd_z{
	width:550px; 
	height:100%; 
	background-repeat:no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	text-align:center;
	visibility:visible;
	opacity:1;
	background-blend-mode:initial;
	transition:all .5s ease-out;
	
}
.cd_z:hover{
	background-blend-mode:color-burn;
	transition:all .5s ease-out;
	opacity:0.9;
	cursor:pointer;
}


.cd_left{
	float:left; 
}

.cd_right{
float:right; 
	}

.jiejue1{
	background:#ee4610 url(../image/f045.jpg) ;
}

.jiejue2{
	background:#ee4610 url(../image/f032.jpg) ;
}

.jiejue3{
	background:#ee4610 url(../image/f023.jpg) ;
}

.jiejue4{
	background:#ee4610 url(../image/e010.jpg) ;
}

.chanpin1{
	background:#ee4610 url(../image/f046.jpg) ;
}

.chanpin2{
	background:#ee4610 url(../image/f047.jpg) ;
}

.chanpin3{
	background:#ee4610 url(../image/e014.jpg) ;
}

.chanpin4{
	background:#ee4610 url(../image/f048.jpg) ;
}

.guanyu1{
	background:#ee4610 url(../image/e009.jpg) ;
}

.guanyu2{
	background:#ee4610 url(../image/f043.jpg) ;
}

.guanyu3{
	background:#ee4610 url(../image/f036.jpg) ;
}

.guanyu4{
	background:#ee4610 url(../image/f010.jpg) ;
}

	
.m1{	
  background: none;
  border: 3px solid transparent ;
  box-sizing: border-box;
  width: 260px;
  height: 260px;
  left:145px;
  opacity: 1;
  top:-300px;
  position:absolute;
  display:none;
  }
   
.div_top{
	  width:0px;
	  height:3px;
	  background-color:#fff;
	  position:absolute;
	  border-radius:10px;
	  top:-3px;
	  left:-3px;
	  z-index:3;
  }
  
 .div_right{
	  width:3px;
	  height:0px;
	  background-color:#fff;
	  position:absolute;
	  border-radius:10px;
      top:-3px;
	  right:-3px;
	   z-index:3;
  }
  
 .div_bottom{
	  width:0px;
	  height:3px;
	  background-color:#fff;
	  position:absolute;
	  border-radius:10px;
      bottom:-3px;
	  right:-3px;
	   z-index:3;
  }
  
 .div_left{
	  width:3px;
	  height:0px;
	  background-color:#fff;
	  position:absolute;
	  border-radius:10px;
      bottom:-3px;
	  left:-3px;
	   z-index:3;
  }
  
 .gongneng{
	position: absolute;
    top: 0;
    left: 0;
    padding: 30px 30px;
	color:#FFF;
    font-size: 1.667em;
    font-weight: 400;
	background-color:transparent;
	}

.shuoming{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 30px;
    color:#FFF;
    font-size: 1.2em;
    font-weight: 400;
	background-color:transparent;
	text-align:left;
	}

.page_bottom{
	text-align:center;
	margin:0 auto;
	margin-bottom:40px;
	margin-top:120px;
	height:160px;
	width:100%;
	position:relative;
	opacity:0;
	}
	

.lx_da{
	width:100%;
	vertical-align:middle;
	font-size:1.8em;
}

.lx_xiao{
	width:100%;
	vertical-align:middle;
	font-size:1em;
	margin-top:20px;
}

.lx_border{
	position: absolute;
	top: inherit;
	left: calc((100% - 1140px)/2);
    bottom: 0px;
	width:1140px;
	height:3px;
	margin-top:40px;
	background-color:#d9d7d3;
}
.lx_border:after{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #eb3719;
	transition: all 1.5s ease;
	}
	
.lx_border:hover:after {
    width: 100%;
}
.lx_border_load:after {
    width: 100%;
}

.lx_border1{
	position: absolute;
	top: inherit;
	left: calc((100% - 1140px)/2);
    bottom: 0px;
	width:0px;
	height:3px;
	margin-top:40px;
	background-color:#eb3719;
}

.lianxi{
	float:left;
	position:relative;
	}
.lianxi_sm{
	float:left;
	width:200px;
	height:100px;
	position:absolute;
	left:0px;
	bottom:-45px;
	text-align:left;
	color:#cac8c2;
	}
.lianxi_tu{
	height:100px;
	}
.lianxi_tu i{
	font-size:80px;
	position:absolute;
	right:0px;
	bottom:25px;
	color:#cac8c2;
	}
.lianxi_fs{
	position:absolute;
	left:0px;
	bottom:0px;
	height:30px;
	font-size:30px;
	color:#666;
}

.lianxi :hover {
  color:#eb3719 ;
}

.lianxi :hover +span {
  color:red;
}
.lianxi :hover +span:before  {
  color:red;
}
.lianxi :hover +span:after {
 color:red;
}

.call{
	margin-top:0px;
	width:1140px;
	height:220px;
}


.call_div{
	width:255px;
	float:left;
	margin-top:20px;
}

.call_title{
	width:100%;
	text-align:left;
	font-size:20px;
	color:#444444;
	font-weight:400;
}

.call_content{
	width:100%;
	text-align:left;
	margin-top:20px;
	height:54px;
}
.call_img{
  width:54px;
  height:54px;
  float:left;
}

.call_font{
 font-size:12px;
 margin-top:3px;
}

.call_font:hover{
  color:#eb3719;
}