*{margin:0px; padding:0px;font-family:'Î¢ÈíÑÅºÚ';font-size:14px;}

a{text-decoration:none; color:#000;}
.fl{float:left;}
.fr{float:right;}
a img{ border:none;}
li{ list-style:none;}
.clear{clear:both;}
img{vertical-align:middle;}
.last{margin-right:0px !important;}
/*input,textarea{ outline:0; resize:none; border:none; _border:0; margin:0; padding:0;}
input{ margin:0; padding:0; border:none;}
table,table td{border-collapse:collapse;}*/



.wrap {
	width: 100%;
    min-width:1200px;
    _zoom: 1;
    position: relative;
    overflow: hidden;
}


.con1{ margin:0px; background:url(../img/index_01.jpg) center repeat-x; height:689PX;}
.con2{ margin:0px; background:url(../img/index_02.jpg) center repeat-x; height:864PX;}
.con3{ margin:0px; background:url(../img/index_03.jpg) center repeat-x; height:903PX;}
.con4{ margin:0px; background:url(../img/index_04.jpg) center repeat-x; height:1136PX;}
.con5{ margin:0px; height:216PX;}

.center_0{
   width:1200px;
   padding:0px; 
   margin:0 auto;
   text-align: left;
}
.center_1 {
   width:962px;
   padding:0px; 
   margin:0 auto;
   text-align: left;
   padding-top:95px;
}
.center_2 {
   width:1200px;
   padding:0px; 
   margin:0 auto;
   text-align: left;
   font-size:20px;
   color:#FFF;
   font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå";
   padding-top:50px;
   text-align:center;
   line-height:40px;
}
.center_3 {
   width:1200px;
   padding:0px; 
   margin:0 auto;
   text-align:  center;
}
.center_4 {
   width:514px;
   padding:0px; 
   margin:0 auto;
   text-align:center;
   height:189px;
   font-size:35px;
   line-height:189px;
   color:#FFF;
   font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå";
   background-image:url(../img/index_2.png);

}
.center_5 {
   width:1200px;
   padding:0px; 
   margin:0 auto;
   padding-top:50px;
   text-align:  center;
}
.center_6{
   width:1200px;
   padding:0px; 
   margin:0 auto;
   padding-top:200px;
   text-align:  center;
}
.center_7 {
   width:514px;
   padding:0px; 
   margin:0 auto;
   text-align:center;
   height:189px;
   font-size:35px;
   line-height:189px;
   color:#333333;
   font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå";
   background-image:url(../img/index_2.png);

}
.center_8 {
   width:1200px;
   padding:0px; 
   margin:0 auto;
   padding-top:50px;
   text-align:  center;
}



.tile { width: 251px; height: 262px; margin: 20px; background-color: #ffffff; float:left }

.tile1 { width: 251px; height: 201px; background-color: #ffffff; display: inline-block; background-size: 14px; position: relative;transition: all 0.4s ease-out; box-shadow: 0px 15px 27px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: ff000; }
.tile2 { width: 251px; height: 51px; float:left; color: ff000; padding-top:10px;}

.tile img { height: 201px; width: 251px; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.text { z-index: 99; position: absolute; padding: 5px; height: calc(100% - 60px);font-size:16px; color:#333;}
.tile h1 { font-size:14px; color:#000; text-align:left;}

.animate-text { opacity: 0; transition: all 0.6s ease-in-out; font-size:14px; }
.tile:hover { box-shadow: 0px 15px 27px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.1; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }