@media screen and (min-width: 1200px) {
@charset "utf-8";
/* CSS Document */

.contect_body{
	margin:0 auto;
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
.line_height{
	width:100%;
	height:80px;
	text-align:center;
	line-height:80px;
	
	font-size:36px;
	}
.tp_body1{
	width:100%;
	height:auto;
	display:flex;
  	flex-wrap: wrap;
	
	}	
.tp{
    flex: 1;
	margin:5px;
    width: 21%;
    min-width: 21%; 
    max-width: 21%; 
	height:auto;
	text-align: center;
	background:#F8F8F8;
	border:1px solid #ececec;
	padding: 20px;
	}
.tp a{
	text-decoration:none;
	}	
.img_table_faxzv{
	margin-top:10px;   
    overflow: hidden;
	}	
.img_table_faxzv img{
	cursor: pointer;  
    transition: all 0.6s;
	width:100%;
	position:relative;
	
	}
.img_table_faxzv img:hover{  
   transform: scale(1.1);  
	}  	
.tp h4{
	margin-top:30px;
	font-size:18px;
	color:#464646;
	margin-bottom:5px;
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	}	

.dd{
	
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-align:center;
	line-height:22px;
	letter-spacing:1px;
	color:#464646;
	font-size:14px;
	margin-top:10px;
	margin-bottom:8px;
	}	
.text_center{
	text-align:center;
	background:#F8F8F8;
	width:100%;
	height:70px;
	margin-top:10px;	
	}	
.over{
	width: 300px;
    height: 40px;
    background: #F8F8F8;
    -webkit-border-radius: 200px / 200px;
    -moz-border-radius: 200px / 200px;
    border-radius: 200px / 200px;
	
	margin:0 auto;
	}
.over a{
	line-height:40px;
	text-decoration:none;
	letter-spacing:3px;
	color:#424242;
	font-size:18px;
	font-weight:600;
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	}		
.over:hover span{
	display: inline;
	color:#707070;
	margin-left:8px;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
	}	
.slickButton {
      color: white;
      font-weight: bold;
      padding: 10px;
      border: solid 1px #dfdfdf;
      background: #F8F8F8;
      cursor: pointer;   
      transition: box-shadow 0.5s;
     -webkit-transition: box-shadow 0.5s;
 }
 .slickButton:hover {
     box-shadow:5px 5px 10px gray;
 }	 
.shsj{
	text-indent:2em;
	} 	
	
	
	
	
.contect_body_afagagd{
	margin:0 auto;	
	width:100%;
	height:600px;
	background:#F4F4F4;
	}
.left_img{
	float:left;
	height:550px;
	width:45%;
	position:relative;
	left:3%;
	margin-right:35px;
	margin-top:35px;
	}
.left_img img{
	position:relative;
	top:45px;
	left:60px;
	animation-name: oDiv;
	animation-duration: 3s;
	width: 82%;
	}	
@-webkit-keyframes oDiv{
0%{left: -180px;top: 200px;opacity: 0;}
100%{left: 200px;top: 50px;opacity: 1;}
}
@keyframes oDiv{
0%{left: -180px;top: 200px;opacity: 0;}
2100%{left: 200px;top: 50px;opacity: 1;}
}
.right_text{
	float:left;
	height:550px;
	width:42%;
	margin-right:10%;
	margin-top:35px;
	}	
.text_top{
	margin-left:55px;
	font-size:36px;
	color:#CCCCCC;
	margin-bottom:-8px;
	margin-top:35px;
	}	
.text_top2{
	font:"微软雅黑","Microsoft Yahei";
	font-size:40px;
	margin-left:55px;
	margin-bottom:15px;
	}
.text_body{
	text-indent:2em;
	font: "楷体_GB2312";
	font-size:18px;
	line-height:26px;
	padding-left:20px;
	}		
	
		
@keyframes fade-in {
0% {opacity: 0;}/*初始状态 透明度为0*/

40% {opacity: 0;}/*过渡状态 透明度为0*/

100% {opacity: 1;}/*结束状态 透明度为1*/

}
@-webkit-keyframes fade-in {/*针对webkit内核*/

0% {opacity: 0;}
40% {opacity: 0;}
100% {opacity: 1;}
}

.wrapper {
animation: fade-in;/*动画名称*/

animation-duration: 3s;/*动画持续时间*/

-webkit-animation:fade-in 1.5s;/*针对webkit内核*/

}
.sidebar {
animation: fade-in;
animation-duration: 4s;
-webkit-animation:fade-in 1.5s;
}	
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
    0%{ transform: translateX(2000px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
.company_introduce{
    animation: righteaseinAnimate 3s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 2s ease 1;
    -moz-animation: righteaseinAnimate 2s ease 1;
    -ms-animation: righteaseinAnimate 2s ease 1;
    -o-animation: righteaseinAnimate 2s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}	

}


/*max*/
@media screen and (max-width: 1200px) {
.wrapper {
	animation: fade-in;/*动画名称*/
	animation-duration: 3s;/*动画持续时间*/
	-webkit-animation:fade-in 1.5s;/*针对webkit内核*/
	float:left;
	width: 100%;
	height: auto;
}
.contect_body_afagagd{
	margin:0 auto;	
	width:100%;
	height:auto;
	background:#F4F4F4;
	}
.left_img{
	width:100%;
	position:relative;
	margin-top:35px;
	margin: 0 auto;
	}
.left_img img{
	position:relative;
	top:30px;
	left:40px;
	animation-name: oDiv;
	animation-duration: 3s;
	width: 80%;
	}
.right_text{
	margin: 0 auto;
	width:90%;

	}	
.text_top{
	margin-left:55px;
	font-size:26px;
	color:#CCCCCC;
	margin-bottom:-8px;
	margin-top:35px;
	}	
.text_top2{
	font:"微软雅黑","Microsoft Yahei";
	font-size:30px;
	margin-left:55px;
	margin-bottom:15px;
	}
.text_body{
	text-indent:2em;
	font: "楷体_GB2312";
	font-size:16px;
	line-height:26px;
	padding-left:20px;
	}	
.line_height{
	width:100%;
	height:80px;
	text-align:center;
	line-height:100px;
	font-size:26px;
	}
.contect_body{
	margin:0 auto;
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
.tp_body1{
	width:100%;
	height:auto;
	display:flex;
  	flex-wrap: wrap;
	margin: 0 auto;
	}
.tp{
    flex: 1;
	float: left;
	margin:0.8%;
    width: 44%;
    min-width: 44%; 
    max-width: 44%; 
	height:auto;
	text-align: center;
	background:#F8F8F8;
	border:1px solid #ececec;
	padding: 6px;
	}
.tp a{
	text-decoration:none;
	}	
.img_table_faxzv{
	margin-top:10px;   
    overflow: hidden;
	}	
.img_table_faxzv img{
	cursor: pointer;  
    transition: all 0.6s;
	width:100%;
	position:relative;
	
	}
.img_table_faxzv img:hover{  
   transform: scale(1.1);  
	}  	
.tp h4{
	margin-top:30px;
	font-size:14px;
	color:#464646;
	margin-bottom:5px;
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	}

}