@charset "utf-8";
	body,ul,li,div{ 
	padding: 0;
	margin: 0;
	 }
li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
a:hover{
	color: red;
}
input,img{
	border: none;
}
.clear{
	clear: both;
	height: 10px;
	width: 100px;
}
body{
	font-family: "微软雅黑";
}
p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin:0;
}

@media screen(min-width:1600px){
.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	width: 1900px;
	position: relative;
}
	.company{
	position: absolute;
	top: 126px;
	right: 744px;
}

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
 0%{ transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
 	} /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
 100%{
  transform: translateX(0px); opacity: 1;
  -webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.company_name{
 animation: lefteaseinAnimate 2s ease 1; /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: lefteaseinAnimate 2s ease 1;
 -ms-animation: lefteaseinAnimate 2s ease 1;
 -o-animation: lefteaseinAnimate 2s ease 1;
 -moz-animation: lefteaseinAnimate 2s ease 1;
	background: url(img/div1-1.png) no-repeat;
 background-size: 100%;
 width: 414px;
 height: 197px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
 0%{ transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;

 	} /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
 100%{ transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.div1-1{
	position: absolute;
	top: 0px;
	left: 340px;
}
.company_introduce{
 animation: righteaseinAnimate 1s ease 1; /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: righteaseinAnimate 1s ease 1;
 -moz-animation: righteaseinAnimate 1s ease 1;
 -ms-animation: righteaseinAnimate 1s ease 1;
 -o-animation: righteaseinAnimate 1s ease 1;
background: url(img/div1-2.png) no-repeat;
 width: 1248px;
 height: 683px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}



.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	width: 1900px;
	position: relative;
}
.div2{
	margin:  0 auto;
	height: 600px;
	width: 1250px;
	position: relative;
}
.div2 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.s{
	width: 100%;
	height: 235px;
	margin-bottom: 20px;
}
.s .l{
	float: left;
	width: 360px;
	height: 234px;
	overflow: hidden;
}
.s .l img{
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}
.s .l img:hover{
	transform: scale(1.4);
}
.s .r{
	float: right;
	margin-top: 24px;
	width: 890px;
	background: #fffbe2;
	height: 194px;
}
.s .r h3{
	color: #e76421;
	font-size: 26px;
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
	margin-top: 15px;
	margin-left: 60px;
}
.s .r h3 a{
	color: #e76421;
}
.s .r h3:hover{
	transform: scale(1.1);
}
.s .r .a1{
	font-size: 22px;
	border: 1px solid #e76421;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	top: -33px;
	color: #e76421;
	text-align: center;
	right: -528px;
	border-radius: 5px;
}
.s .r p{
	color: #424242;
	font-size:22px;
	text-indent: 45px;
	line-height: 36px;
	margin: -20px 0 0 60px;
}
.div3{
	margin:  0 auto;
	height: 800px;
	width: 1250px;
	position: relative;
	background: url(img/div3.png)no-repeat 0px 260px;
	text-align: center;
}
.div3 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div3 p{
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	color: #424242;
}
.div3 a{
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #424242;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	transition: all 0.5s;
}
.div3 a:hover{
	border-radius: 25px;
	background: #fd841a;
}


.div4{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div4.png)no-repeat 0px 100px;
	text-align: center;
}
.div4 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div4 p{
	position: absolute;
	width: 100%;
	bottom: 51px;
	height: 50px;
}
.div4 p a{
	display: inline-block;
	width: 49%;
	height: 50px;
}
.div5{
	margin:  0 auto;
	height: 538px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div5 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div5 .div5-1{
	height: 217px;
	width: 50%;	
	float: left;
}
.div5-1 .img{
	float: left;
}
.div5-1 .text{
	float: right;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-1 .yanse{
	background: #fffbe2;
	height: 158px;
}
.div5-1 .text h3{
	height: 40px;
	font-size: 22px;
	line-height: 40px;
}
.div5-1 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.div5-1 .yanse1{
	background: #ffe5e2;
	height: 158px;
}
.div5-2 .img{
	float: right;
	position: relative;
}
.div5-2 .text{
	float: left;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-2 .text h3{
	height: 40px;
	line-height: 40px;
}
.div5-2 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.img img{
            transition:all 1s ease-in-out;
}
.img01-top{
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.div01:hover .img01-top{       
     opacity:1;
     transform: scale(1,1);
     transform-origin: right top;
 }
.div01:hover .img02-bottom {
    opacity:0;
    transform: scale(0,0);
    transform-origin:left bottom ;
}

.div5 .dibu{
	width: 100%;
	height: 281px;
	position: relative;
	background: url(img/div5.png)no-repeat;
}    
.div5 .dibu a{
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0;
}  
.div6{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div6.png)no-repeat 0px 360px;
}
.div6 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div6 p{
	width: 100%;
	height:200px;
	color: #424242;
	font-size: 25px;
	line-height: 35px;
}
.div6 p strong{
	color: #fd841a;
}
.div6 a{
	display: inline-block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 55px;
}
.xuezi{
	margin:  0 auto;
	height: 330px;
	width: 1250px;
	position: relative;
	padding-top: 40px;
}
.xuezi p{
	width: 100%;
	background: #fd841a;
}
.xuezi p span{
	text-align: center;
	display: inline-block;
	width: 105px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}
.xuezi .xuezi-1{
	width: 1250px;
}
.scrollDiv li .s1, .xuezi p .s1{
	width: 180px;
}
.div7{
	margin:  0 auto;
	height: 850px;
	width: 1250px;
	position: relative;
}
.div7 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div8-1{
	width: 600px;
	height: 1243px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 290px;
	overflow: hidden;
}
.div8-1 p{
	padding: 10px;
	width: 277px;
	height: 175px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-1 p span{
	display: inline-block;
	width: 277px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-1 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-1 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-1 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}
.div8-2{
	width: 285px;
	height: 700px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 0px;
	overflow: hidden;
}
.div8-2>p:nth-child(1){
	padding: 10px;
	width: 285px;
	height: 366px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
.div8-2>p:nth-child(2){
	padding: 10px;
	width: 285px;
	height: 180px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-2 p span{
	display: inline-block;
	width: 285px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-2 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-2 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-2 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}

.div7 .bt{
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 36px;
	font-size: 24px;
	color: #424242
}
.bt strong{
	color: #eb7106;
	font-size: 30px;
	display:block;
	margin-bottom: 20px;
}
.div7 .youmian{
	position: absolute;
	right: 0;
	height: 575px;
	width: 360px;
	top:268px;
}
.scroll {
  position: absolute;
  top: 80px;
  left: 0px;
 height:420px;
 width:100%;
 max-width:900px;
 overflow:hidden;
 color: #000;
 }
 .scroll ul {
 width:100%;
 position:absolute;
 left:0;
 top:0;
 }
 .scroll span {
 font-size:20px;
 height:30px;
 /*color:#D83E21;
 */
 }
 .scroll li {
 height:30px;
 line-height:30px;
 text-align: center;
 font-family: '微软雅黑';
 color: #424242;
 font-size: 18px;
 }
  .scroll li span{
    display: inline-block;
    width: 173px;
    text-align: center;
    font-size: 16px;
  }

 .div7 .youmian h4{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #fd841a;
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 	transition: all 1.5s;
  }
  .div7 .youmian h4:hover{
	border-radius: 25px;
	background: red;
  }
  .div7 .youmian h5{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #3c3b3b;
 	font-size: 18px;
 	color: #fff;
 	position: relative;
 	top: 475px;
 	transition: all 1.5s;
 	text-align: center;
  }
.div7 .youmian h5:hover{
	background: #fd841a;
	border-radius: 25px;
}
.div7 .youmian h5 a{
	font-size: 20px;
	color: #fff;
}
.div9{
	margin:  0 auto;
	height: 550px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div9 .div9-1 p{
	text-align: center;
	width: 100%;
	font-size: 24px;
	line-height: 38px;
	color: #424242;
}
.div9 .div9-1 p strong{
	font-size: 30px;
	color: #eb7106;
}
.div9-2 li{
	width: 406px;
	margin-top: 20px;
	height: 303px;overflow: hidden;
	display: inline-block;padding: 3px;

}

.div9-2 li img{
	width: 406px;
	height: 303px;
	display: inline-block;

	transition: all 0.4s;
}
.div9-2 li img:hover{
	transform: scale(1.3);
}
.div9 a, .div10 a{
	display: inline-block;
	width: 270px;
	height: 60px;
	line-height: 60px;
	background: #424242;
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	transition: all 0.5s;
}
.div9 a:hover, .div10 a:hover{
	border-radius: 30px;
	background: #fd841a;
}
.div10{
	margin: 0 auto;
	width: 1250px;
	height: 773px;
	text-align: center;
	position: relative;
}
.div10 h3{
	width: 100%;
	font-size: 30px;
	margin: 20px 0 0 0;
	color: #eb7106;
}
.div10 ul{
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #000;
}
.div10 li{
	display: inline-block;
	width: 405px;
	height: 301px;
	overflow: hidden;
}
.div10 li img{
	transition: all 1.5s;
}
.div10 li img:hover{
	transform: scale(1.3);
}
.div10  p{
	width: 100%;
	position: absolute;
	bottom: 25px;
}

.div11{
	margin:  0 auto;
	height: 423px;
	width: 1250px;
	position: relative;
	text-align: center;background: url(img/div10.jpg) no-repeat -20px 70px;
}
.div11 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div11 p{
	width: 100%;

}
.div11 .a1{
	display: inline-block;
	width: 400px;
	margin-right: 13px;
	margin-top: -10px;
	height: 260px;

}
.div11 .a2{
	display: inline-block;
	width: 30%;
	height: 100px;
}
}



































.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
	.company{
	position: absolute;
	top: 126px;
	right: 744px;
}

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
 0%{ transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
 	} /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
 100%{
  transform: translateX(0px); opacity: 1;
  -webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.company_name{
 animation: lefteaseinAnimate 2s ease 1; /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: lefteaseinAnimate 2s ease 1;
 -ms-animation: lefteaseinAnimate 2s ease 1;
 -o-animation: lefteaseinAnimate 2s ease 1;
 -moz-animation: lefteaseinAnimate 2s ease 1;
	background: url(img/div1-1.png) no-repeat;
 background-size: 100%;
 width: 414px;
 height: 197px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
 0%{ transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;

 	} /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
 100%{ transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.div1-1{
	position: absolute;
	top: 0px;
	left: 340px;
}
.company_introduce{
 animation: righteaseinAnimate 1s ease 1; /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: righteaseinAnimate 1s ease 1;
 -moz-animation: righteaseinAnimate 1s ease 1;
 -ms-animation: righteaseinAnimate 1s ease 1;
 -o-animation: righteaseinAnimate 1s ease 1;
background: url(img/div1-2.png) no-repeat;
 width: 1248px;
 height: 683px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}



.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
.div2{
	margin:  0 auto;
	height: 600px;
	width: 1250px;
	position: relative;
}
.div2 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.s{
	width: 100%;
	height: 235px;
	margin-bottom: 20px;
}
.s .l{
	float: left;
	width: 360px;
	height: 234px;
	overflow: hidden;
}
.s .l img{
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}
.s .l img:hover{
	transform: scale(1.4);
}
.s .r{
	float: right;
	margin-top: 24px;
	width: 890px;
	background: #fffbe2;
	height: 194px;
}
.s .r h3{
	color: #e76421;
	font-size: 26px;
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
	margin-top: 15px;
	margin-left: 60px;
}
.s .r h3 a{
	color: #e76421;
}
.s .r h3:hover{
	transform: scale(1.1);
}
.s .r .a1{
	font-size: 22px;
	border: 1px solid #e76421;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	top: -33px;
	color: #e76421;
	text-align: center;
	right: -528px;
	border-radius: 5px;
}
.s .r p{
	color: #424242;
	font-size:22px;
	text-indent: 45px;
	line-height: 36px;
	margin: -20px 0 0 60px;
}
.div3{
	margin:  0 auto;
	height: 800px;
	width: 1250px;
	position: relative;
	background: url(img/div3.png)no-repeat 0px 260px;
	text-align: center;
}
.div3 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div3 p{
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	color: #424242;
}
.div3 a{
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #424242;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	transition: all 0.5s;
}
.div3 a:hover{
	border-radius: 25px;
	background: #fd841a;
}


.div4{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div4.png)no-repeat 0px 100px;
	text-align: center;
}
.div4 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div4 p{
	position: absolute;
	width: 100%;
	bottom: 51px;
	height: 50px;
}
.div4 p a{
	display: inline-block;
	width: 49%;
	height: 50px;
}
.div5{
	margin:  0 auto;
	height: 843px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div5 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div5 .div5-1{
	height: 217px;
	width: 50%;	
	float: left;
}
.div5-1 .img{
	float: left;
}
.div5-1 .text{
	float: right;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-1 .yanse{
	background: #fffbe2;
	height: 158px;
}
.div5-1 .text h3{
	height: 40px;
	font-size: 22px;
	line-height: 40px;
}
.div5-1 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.div5-1 .yanse1{
	background: #ffe5e2;
	height: 158px;
}
.div5-2 .img{
	float: right;
	position: relative;
}
.div5-2 .text{
	float: left;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-2 .text h3{
	height: 40px;
	line-height: 40px;
}
.div5-2 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.img img{
            transition:all 1s ease-in-out;
}
.img01-top{
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.div01:hover .img01-top{       
     opacity:1;
     transform: scale(1,1);
     transform-origin: right top;
 }
.div01:hover .img02-bottom {
    opacity:0;
    transform: scale(0,0);
    transform-origin:left bottom ;
}

.div5 .dibu{
	width: 100%;
	height: 281px;
	position: relative;
	background: url(img/div5.png)no-repeat;
}    
.div5 .dibu a{
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0;
}  
.div6{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div6.png)no-repeat 0px 360px;
}
.div6 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div6 p{
	width: 100%;
	height:200px;
	color: #424242;
	font-size: 25px;
	line-height: 35px;
}
.div6 p strong{
	color: #fd841a;
}
.div6 a{
	display: inline-block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 55px;
}
.xuezi{
	margin:  0 auto;
	height: 330px;
	width: 1250px;
	position: relative;
	padding-top: 40px;
}
.xuezi p{
	width: 100%;
	background: #fd841a;
}
.xuezi p span{
	text-align: center;
	display: inline-block;
	width: 105px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}
.xuezi .xuezi-1{
	width: 1250px;
}
.scrollDiv li .s1, .xuezi p .s1{
	width: 180px;
}
.div7{
	margin:  0 auto;
	height: 850px;
	width: 1250px;
	position: relative;
}
.div7 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div8-1{
	width: 600px;
	height: 1243px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 290px;
	overflow: hidden;
}
.div8-1 p{
	padding: 10px;
	width: 277px;
	height: 175px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-1 p span{
	display: inline-block;
	width: 277px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-1 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-1 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-1 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}
.div8-2{
	width: 285px;
	height: 700px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 0px;
	overflow: hidden;
}
.div8-2>p:nth-child(1){
	padding: 10px;
	width: 285px;
	height: 366px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
.div8-2>p:nth-child(2){
	padding: 10px;
	width: 285px;
	height: 180px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-2 p span{
	display: inline-block;
	width: 285px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-2 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-2 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-2 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}

.div7 .bt{
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 36px;
	font-size: 24px;
	color: #424242
}
.bt strong{
	color: #eb7106;
	font-size: 30px;
	display:block;
	margin-bottom: 20px;
}
.div7 .youmian{
	position: absolute;
	right: 0;
	height: 575px;
	width: 360px;
	top:268px;
}
.scroll {
  position: absolute;
  top: 80px;
  left: 0px;
 height:420px;
 width:100%;
 max-width:900px;
 overflow:hidden;
 color: #000;
 }
 .scroll ul {
 width:100%;
 position:absolute;
 left:0;
 top:0;
 }
 .scroll span {
 font-size:20px;
 height:30px;
 /*color:#D83E21;
 */
 }
 .scroll li {
 height:30px;
 line-height:30px;
 text-align: center;
 font-family: '微软雅黑';
 color: #424242;
 font-size: 18px;
 }
  .scroll li span{
    display: inline-block;
    width: 173px;
    text-align: center;
    font-size: 16px;
  }

 .div7 .youmian h4{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #fd841a;
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 	transition: all 1.5s;
  }
  .div7 .youmian h4:hover{
	border-radius: 25px;
	background: red;
  }
  .div7 .youmian h5{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #3c3b3b;
 	font-size: 18px;
 	color: #fff;
 	position: relative;
 	top: 475px;
 	transition: all 1.5s;
 	text-align: center;
  }
.div7 .youmian h5:hover{
	background: #fd841a;
	border-radius: 25px;
}
.div7 .youmian h5 a{
	font-size: 20px;
	color: #fff;
}
.div9{
	margin:  0 auto;
	height: 550px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div9 .div9-1 p{
	text-align: center;
	width: 100%;
	font-size: 24px;
	line-height: 38px;
	color: #424242;
}
.div9 .div9-1 p strong{
	font-size: 30px;
	color: #eb7106;
}
.div9-2 li{
	width: 406px;
	margin-top: 20px;
	height: 303px;overflow: hidden;
	display: inline-block;padding: 3px;

}

.div9-2 li img{
	width: 406px;
	height: 303px;
	display: inline-block;

	transition: all 0.4s;
}
.div9-2 li img:hover{
	transform: scale(1.3);
}
.div9 a, .div10 a{
	display: inline-block;
	width: 270px;
	height: 60px;
	line-height: 60px;
	background: #424242;
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	transition: all 0.5s;
}
.div9 a:hover, .div10 a:hover{
	border-radius: 30px;
	background: #fd841a;
}
.div10{
	margin: 0 auto;
	width: 1250px;
	height: 773px;
	text-align: center;
	position: relative;
}
.div10 h3{
	width: 100%;
	font-size: 30px;
	margin: 20px 0 0 0;
	color: #eb7106;
}
.div10 ul{
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #000;
}
.div10 li{
	display: inline-block;
	width: 405px;
	height: 301px;
	overflow: hidden;
}
.div10 li img{
	transition: all 1.5s;
}
.div10 li img:hover{
	transform: scale(1.3);
}
.div10  p{
	width: 100%;
	position: absolute;
	bottom: 25px;
}

.div11{
	margin:  0 auto;
	height: 423px;
	width: 1250px;
	position: relative;
	text-align: center;background: url(img/div10.jpg) no-repeat -20px 70px;
}
.div11 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div11 p{
	width: 100%;

}
.div11 .a1{
	display: inline-block;
	width: 400px;
	margin-right: 13px;
	margin-top: -10px;
	height: 260px;

}
.div11 .a2{
	display: inline-block;
	width: 30%;
	height: 100px;
}
}
@media screen (max-width:1599px){
	.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
	.company{
	position: absolute;
	top: 126px;
	right: 744px;
}

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
 0%{ transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
 	} /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
 100%{
  transform: translateX(0px); opacity: 1;
  -webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.company_name{
 animation: lefteaseinAnimate 2s ease 1; /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: lefteaseinAnimate 2s ease 1;
 -ms-animation: lefteaseinAnimate 2s ease 1;
 -o-animation: lefteaseinAnimate 2s ease 1;
 -moz-animation: lefteaseinAnimate 2s ease 1;
	background: url(img/div1-1.png) no-repeat;
 background-size: 100%;
 width: 414px;
 height: 197px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
 0%{ transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;

 	} /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
 100%{ transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.div1-1{
	position: absolute;
	top: 0px;
	left: 340px;
}
.company_introduce{
 animation: righteaseinAnimate 1s ease 1; /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: righteaseinAnimate 1s ease 1;
 -moz-animation: righteaseinAnimate 1s ease 1;
 -ms-animation: righteaseinAnimate 1s ease 1;
 -o-animation: righteaseinAnimate 1s ease 1;
background: url(img/div1-2.png) no-repeat;
 width: 1248px;
 height: 683px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}



.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
.div2{
	margin:  0 auto;
	height: 600px;
	width: 1250px;
	position: relative;
}
.div2 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.s{
	width: 100%;
	height: 235px;
	margin-bottom: 20px;
}
.s .l{
	float: left;
	width: 360px;
	height: 234px;
	overflow: hidden;
}
.s .l img{
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}
.s .l img:hover{
	transform: scale(1.4);
}
.s .r{
	float: right;
	margin-top: 24px;
	width: 890px;
	background: #fffbe2;
	height: 194px;
}
.s .r h3{
	color: #e76421;
	font-size: 26px;
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
	margin-top: 15px;
	margin-left: 60px;
}
.s .r h3 a{
	color: #e76421;
}
.s .r h3:hover{
	transform: scale(1.1);
}
.s .r .a1{
	font-size: 22px;
	border: 1px solid #e76421;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	top: -33px;
	color: #e76421;
	text-align: center;
	right: -528px;
	border-radius: 5px;
}
.s .r p{
	color: #424242;
	font-size:22px;
	text-indent: 45px;
	line-height: 36px;
	margin: -20px 0 0 60px;
}
.div3{
	margin:  0 auto;
	height: 800px;
	width: 1250px;
	position: relative;
	background: url(img/div3.png)no-repeat 0px 260px;
	text-align: center;
}
.div3 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div3 p{
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	color: #424242;
}
.div3 a{
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #424242;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	transition: all 0.5s;
}
.div3 a:hover{
	border-radius: 25px;
	background: #fd841a;
}


.div4{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div4.png)no-repeat 0px 100px;
	text-align: center;
}
.div4 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div4 p{
	position: absolute;
	width: 100%;
	bottom: 51px;
	height: 50px;
}
.div4 p a{
	display: inline-block;
	width: 49%;
	height: 50px;
}
.div5{
	margin:  0 auto;
	height: 843px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div5 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div5 .div5-1{
	height: 217px;
	width: 50%;	
	float: left;
}
.div5-1 .img{
	float: left;
}
.div5-1 .text{
	float: right;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-1 .yanse{
	background: #fffbe2;
	height: 158px;
}
.div5-1 .text h3{
	height: 40px;
	font-size: 22px;
	line-height: 40px;
}
.div5-1 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.div5-1 .yanse1{
	background: #ffe5e2;
	height: 158px;
}
.div5-2 .img{
	float: right;
	position: relative;
}
.div5-2 .text{
	float: left;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-2 .text h3{
	height: 40px;
	line-height: 40px;
}
.div5-2 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.img img{
            transition:all 1s ease-in-out;
}
.img01-top{
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.div01:hover .img01-top{       
     opacity:1;
     transform: scale(1,1);
     transform-origin: right top;
 }
.div01:hover .img02-bottom {
    opacity:0;
    transform: scale(0,0);
    transform-origin:left bottom ;
}

.div5 .dibu{
	width: 100%;
	height: 281px;
	position: relative;
	background: url(img/div5.png)no-repeat;
}    
.div5 .dibu a{
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0;
}  
.div6{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div6.png)no-repeat 0px 360px;
}
.div6 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div6 p{
	width: 100%;
	height:200px;
	color: #424242;
	font-size: 25px;
	line-height: 35px;
}
.div6 p strong{
	color: #fd841a;
}
.div6 a{
	display: inline-block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 55px;
}
.xuezi{
	margin:  0 auto;
	height: 330px;
	width: 1250px;
	position: relative;
	padding-top: 40px;
}
.xuezi p{
	width: 100%;
	background: #fd841a;
}
.xuezi p span{
	text-align: center;
	display: inline-block;
	width: 105px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}
.xuezi .xuezi-1{
	width: 1250px;
}
.scrollDiv li .s1, .xuezi p .s1{
	width: 180px;
}
.div7{
	margin:  0 auto;
	height: 850px;
	width: 1250px;
	position: relative;
}
.div7 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div8-1{
	width: 600px;
	height: 1243px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 290px;
	overflow: hidden;
}
.div8-1 p{
	padding: 10px;
	width: 277px;
	height: 175px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-1 p span{
	display: inline-block;
	width: 277px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-1 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-1 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-1 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}
.div8-2{
	width: 285px;
	height: 700px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 0px;
	overflow: hidden;
}
.div8-2>p:nth-child(1){
	padding: 10px;
	width: 285px;
	height: 366px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
.div8-2>p:nth-child(2){
	padding: 10px;
	width: 285px;
	height: 180px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-2 p span{
	display: inline-block;
	width: 285px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-2 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-2 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-2 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}

.div7 .bt{
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 36px;
	font-size: 24px;
	color: #424242
}
.bt strong{
	color: #eb7106;
	font-size: 30px;
	display:block;
	margin-bottom: 20px;
}
.div7 .youmian{
	position: absolute;
	right: 0;
	height: 575px;
	width: 360px;
	top:268px;
}
.scroll {
  position: absolute;
  top: 80px;
  left: 0px;
 height:420px;
 width:100%;
 max-width:900px;
 overflow:hidden;
 color: #000;
 }
 .scroll ul {
 width:100%;
 position:absolute;
 left:0;
 top:0;
 }
 .scroll span {
 font-size:20px;
 height:30px;
 /*color:#D83E21;
 */
 }
 .scroll li {
 height:30px;
 line-height:30px;
 text-align: center;
 font-family: '微软雅黑';
 color: #424242;
 font-size: 18px;
 }
  .scroll li span{
    display: inline-block;
    width: 173px;
    text-align: center;
    font-size: 16px;
  }

 .div7 .youmian h4{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #fd841a;
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 	transition: all 1.5s;
  }
  .div7 .youmian h4:hover{
	border-radius: 25px;
	background: red;
  }
  .div7 .youmian h5{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #3c3b3b;
 	font-size: 18px;
 	color: #fff;
 	position: relative;
 	top: 475px;
 	transition: all 1.5s;
 	text-align: center;
  }
.div7 .youmian h5:hover{
	background: #fd841a;
	border-radius: 25px;
}
.div7 .youmian h5 a{
	font-size: 20px;
	color: #fff;
}
.div9{
	margin:  0 auto;
	height: 550px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div9 .div9-1 p{
	text-align: center;
	width: 100%;
	font-size: 24px;
	line-height: 38px;
	color: #424242;
}
.div9 .div9-1 p strong{
	font-size: 30px;
	color: #eb7106;
}
.div9-2 li{
	width: 406px;
	margin-top: 20px;
	height: 303px;overflow: hidden;
	display: inline-block;padding: 3px;

}

.div9-2 li img{
	width: 406px;
	height: 303px;
	display: inline-block;

	transition: all 0.4s;
}
.div9-2 li img:hover{
	transform: scale(1.3);
}
.div9 a, .div10 a{
	display: inline-block;
	width: 270px;
	height: 60px;
	line-height: 60px;
	background: #424242;
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	transition: all 0.5s;
}
.div9 a:hover, .div10 a:hover{
	border-radius: 30px;
	background: #fd841a;
}
.div10{
	margin: 0 auto;
	width: 1250px;
	height: 773px;
	text-align: center;
	position: relative;
}
.div10 h3{
	width: 100%;
	font-size: 30px;
	margin: 20px 0 0 0;
	color: #eb7106;
}
.div10 ul{
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #000;
}
.div10 li{
	display: inline-block;
	width: 405px;
	height: 301px;
	overflow: hidden;
}
.div10 li img{
	transition: all 1.5s;
}
.div10 li img:hover{
	transform: scale(1.3);
}
.div10  p{
	width: 100%;
	position: absolute;
	bottom: 25px;
}

.div11{
	margin:  0 auto;
	height: 423px;
	width: 1250px;
	position: relative;
	text-align: center;background: url(img/div10.jpg) no-repeat -20px 70px;
}
.div11 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div11 p{
	width: 100%;

}
.div11 .a1{
	display: inline-block;
	width: 400px;
	margin-right: 13px;
	margin-top: -10px;
	height: 260px;

}
.div11 .a2{
	display: inline-block;
	width: 30%;
	height: 100px;
}
}















.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
	.company{
	position: absolute;
	top: 126px;
	left: 50%;
	margin-left: -202px
}

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
 0%{ transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
-webkit-transform: translateY(-1000px); opacity: 0;
 	} /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
 100%{
  transform: translateX(0px); opacity: 1;
  -webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;
-webkit-transform: translateY(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.company_name{
 animation: lefteaseinAnimate 2s ease 1; /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: lefteaseinAnimate 2s ease 1;
 -ms-animation: lefteaseinAnimate 2s ease 1;
 -o-animation: lefteaseinAnimate 2s ease 1;
 -moz-animation: lefteaseinAnimate 2s ease 1;
	background: url(img/div1-1.png) no-repeat;
 background-size: 100%;
 width: 414px;
 height: 197px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
 0%{ transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;
-webkit-transform: translateY(-2000px); opacity: 0;

 	} /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
 100%{ transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;
-webkit-transform: translateX(0px); opacity: 1;

 	} /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
.div1-1{
	position: absolute;
	top: 0px;
	left: 50%;
    margin-left: -624px;
}
.company_introduce{
 animation: righteaseinAnimate 1s ease 1; /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
 -webkit-animation: righteaseinAnimate 1s ease 1;
 -moz-animation: righteaseinAnimate 1s ease 1;
 -ms-animation: righteaseinAnimate 1s ease 1;
 -o-animation: righteaseinAnimate 1s ease 1;
background: url(img/div1-2.png) no-repeat;
background-size: 100%;
 width: 1248px;
 height: 683px;
 
 /*规定动画的最后状态为结束状态*/
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode: forwards; 
 -o-animation-fill-mode: forwards; 
 -ms-animation-fill-mode: forwards; 
 -moz-animation-fill-mode: forwards; 
}



.div1{
	margin:  0 auto;
	background: url(img/div1.jpg) center center;
	height: 682px;
	position: relative;
}
.div2{
	margin:  0 auto;
	height: 600px;
	width: 1250px;
	position: relative;
	overflow: hidden;
}
.div2 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.s{
	width: 100%;
	height: 235px;
	margin-bottom: 20px;
}
.s .l{
	float: left;
	width: 360px;
	height: 234px;
	overflow: hidden;
}
.s .l img{
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}
.s .l img:hover{
	transform: scale(1.4);
}
.s .r{
	float: right;
	margin-top: 24px;
	width: 890px;
	background: #fffbe2;
	height: 194px;
}
.s .r h3{
	color: #e76421;
	font-size: 26px;
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
	margin-top: 15px;
	margin-left: 60px;
}
.s .r h3 a{
	color: #e76421;
}
.s .r h3:hover{
	transform: scale(1.1);
}
.s .r .a1{
	font-size: 22px;
	border: 1px solid #e76421;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	top: -33px;
	color: #e76421;
	text-align: center;
	right: -528px;
	border-radius: 5px;
}
.s .r p{
	color: #424242;
	font-size:22px;
	text-indent: 45px;
	line-height: 36px;
	margin: -20px 0 0 60px;
}
.div3{
	margin:  0 auto;
	height: 800px;
	width: 1250px;
	position: relative;
	background: url(img/div3.png)no-repeat 0px 260px;
	text-align: center;
}
.div3 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div3 p{
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	color: #424242;
}
.div3 a{
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #424242;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	transition: all 0.5s;
}
.div3 a:hover{
	border-radius: 25px;
	background: #fd841a;
}


.div4{
	margin:  0 auto;
	height: 680px;
	width: 1250px;
	position: relative;
	background: url(img/div4.png)no-repeat 0px 100px;
	text-align: center;
}
.div4 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div4 p{
	position: absolute;
	width: 100%;
	bottom: 51px;
	height: 50px;
}
.div4 p a{
	display: inline-block;
	width: 49%;
	height: 50px;
}
.div5{
	margin:  0 auto;
	height: 516px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div5 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div5 .div5-1{
	height: 217px;
	width: 50%;	
	float: left;
}
.div5-1 .img{
	float: left;
}
.div5-1 .text{
	float: right;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-1 .yanse{
	background: #fffbe2;
	height: 158px;
}
.div5-1 .text h3{
	height: 40px;
	font-size: 22px;
	line-height: 40px;
}
.div5-1 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.div5-1 .yanse1{
	background: #ffe5e2;
	height: 158px;
}
.div5-2 .img{
	float: right;
	position: relative;
}
.div5-2 .text{
	float: left;
	width: 251px;
	padding: 30px;text-align: left;
}
.div5-2 .text h3{
	height: 40px;
	line-height: 40px;
}
.div5-2 .text p{
	color: #424242;
	font-size: 20px;
	line-height: 25px;
}
.img img{
            transition:all 1s ease-in-out;
}
.img01-top{
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.div01:hover .img01-top{       
     opacity:1;
     transform: scale(1,1);
     transform-origin: right top;
 }
.div01:hover .img02-bottom {
    opacity:0;
    transform: scale(0,0);
    transform-origin:left bottom ;
}

.div5 .dibu{
	width: 100%;
	height: 281px;
	position: relative;
	background: url(img/div5.png)no-repeat;
}    
.div5 .dibu a{
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0;
}  
.div6{
	margin:  0 auto;
	height: 5112px;
	width: 1250px;
	position: relative;
	background: url(img/div6.png)no-repeat 0px 166px;
}
.div6 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div6 p{
	width: 100%;
	height:200px;
	color: #424242;
	font-size: 25px;
	line-height: 35px;
}
.div6 p strong{
	color: #fd841a;
}
.div6 a{
	display: inline-block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 55px;
}
.xuezi{
	margin:  0 auto;
	height: 330px;
	width: 1250px;
	position: relative;
	padding-top: 40px;
}
.xuezi p{
	width: 100%;
	background: #fd841a;
}
.xuezi p span{
	text-align: center;
	display: inline-block;
	width: 105px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
}
.xuezi .xuezi-1{
	width: 1250px;
}
.scrollDiv li .s1, .xuezi p .s1{
	width: 180px;
}
.div7{
	margin:  0 auto;
	height: 850px;
	width: 1250px;
	position: relative;
}
.div7 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div8-1{
	width: 600px;
	height: 1243px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 290px;
	overflow: hidden;
}
.div8-1 p{
	padding: 10px;
	width: 277px;
	height: 175px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-1 p span{
	display: inline-block;
	width: 277px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-1 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-1 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-1 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}
.div8-2{
	width: 285px;
	height: 700px;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 0px;
	overflow: hidden;
}
.div8-2>p:nth-child(1){
	padding: 10px;
	width: 285px;
	height: 366px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
.div8-2>p:nth-child(2){
	padding: 10px;
	width: 285px;
	height: 180px;
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}
 .div8-2 p span{
	display: inline-block;
	width: 285px;
	height: 150px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	text-align: center;
	bottom: -110px;
	left: 10px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
 .div8-2 p span{
        transform: translateY(0px);
        transition: all 0.8s;
       
    }
 .div8-2 p:hover span{
       transform: translateY(-100px); 
 }
 .div8-2 p span a{
    	display: inline-block;
    	width: 100%;
    	background: #fff;
}

.div7 .bt{
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 36px;
	font-size: 24px;
	color: #424242
}
.bt strong{
	color: #eb7106;
	font-size: 30px;
	display:block;
	margin-bottom: 20px;
}
.div7 .youmian{
	position: absolute;
	right: 0;
	height: 575px;
	width: 360px;
	top:268px;
}
.scroll {
  position: absolute;
  top: 80px;
  left: 0px;
 height:420px;
 width:100%;
 max-width:900px;
 overflow:hidden;
 color: #000;
 }
 .scroll ul {
 width:100%;
 position:absolute;
 left:0;
 top:0;
 }
 .scroll span {
 font-size:20px;
 height:30px;
 /*color:#D83E21;
 */
 }
 .scroll li {
 height:30px;
 line-height:30px;
 text-align: center;
 font-family: '微软雅黑';
 color: #424242;
 font-size: 18px;
 }
  .scroll li span{
    display: inline-block;
    width: 173px;
    text-align: center;
    font-size: 16px;
  }

 .div7 .youmian h4{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #fd841a;
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 	transition: all 1.5s;
  }
  .div7 .youmian h4:hover{
	border-radius: 25px;
	background: red;
  }
  .div7 .youmian h5{
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	background: #3c3b3b;
 	font-size: 18px;
 	color: #fff;
 	position: relative;
 	top: 475px;
 	transition: all 1.5s;
 	text-align: center;
  }
.div7 .youmian h5:hover{
	background: #fd841a;
	border-radius: 25px;
}
.div7 .youmian h5 a{
	font-size: 20px;
	color: #fff;
}
.div9{
	margin:  0 auto;
	height: 550px;
	width: 1250px;
	position: relative;
	text-align: center;
}
.div9 .div9-1 p{
	text-align: center;
	width: 100%;
	font-size: 24px;
	line-height: 38px;
	color: #424242;
}
.div9 .div9-1 p strong{
	font-size: 30px;
	color: #eb7106;
}
.div9-2 li{
	width: 406px;
	margin-top: 20px;
	height: 303px;overflow: hidden;
	display: inline-block;padding: 3px;

}

.div9-2 li img{
	width: 406px;
	height: 303px;
	display: inline-block;

	transition: all 0.4s;
}
.div9-2 li img:hover{
	transform: scale(1.3);
}
.div9 a, .div10 a{
	display: inline-block;
	width: 270px;
	height: 60px;
	line-height: 60px;
	background: #424242;
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	transition: all 0.5s;
}
.div9 a:hover, .div10 a:hover{
	border-radius: 30px;
	background: #fd841a;
}
.div10{
	margin: 0 auto;
	width: 1250px;
	height: 773px;
	text-align: center;
	position: relative;
}
.div10 h3{
	width: 100%;
	font-size: 30px;
	margin: 20px 0 0 0;
	color: #eb7106;
}
.div10 ul{
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #000;
}
.div10 li{
	display: inline-block;
	width: 405px;
	height: 301px;
	overflow: hidden;
}
.div10 li img{
	transition: all 1.5s;
}
.div10 li img:hover{
	transform: scale(1.3);
}
.div10  p{
	width: 100%;
	position: absolute;
	bottom: 25px;
}

.div11{
	margin:  0 auto;
	height: 423px;
	width: 1250px;
	position: relative;
	text-align: center;background: url(img/div10.jpg) no-repeat -20px 70px;
}
.div11 h2{
	color: #000;
	font-size: 33px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #bababa;
	margin: 30px 0 30px 0;
}
.div11 p{
	width: 100%;

}
.div11 .a1{
	display: inline-block;
	width: 400px;
	margin-right: 13px;
	margin-top: -10px;
	height: 260px;

}
.div11 .a2{
	display: inline-block;
	width: 30%;
	height: 100px;
}
}
	
}