@charset "utf-8";
/* CSS Document */

.cresheading{color:#000; font-size:18px; font-weight:bold; font-family:Arial; line-height:30px; text-align:justify; padding-left:6px; padding-right:6px;}

.Crestbox{ width:250px; height:auto; float:left;}


.Crestpanel {
    width: 230px;
    height: 230px;
    margin: auto;
    position: relative;
	text-align:justify;
	background:#fff;
}

.Crestcard {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Crestfront {
  background:#0082c6;
	font-family:Arial;
	font-size:14px;
	text-align:justify;
	color:#fff;
	line-height:26px;
	padding-left:5px;
	padding-right:5px;
}
.Crestfront p{background:#0082c6;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:26px;
	padding-left:5px;
	padding-right:5px;
	}
.Crestback {
   
    -webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);  
    transform: rotatey(-180deg);
	background:#fff;
	font-family:Arial;
	font-size:14px;
	text-align:justify;
	color:#000;
	line-height:26px;
	padding-left:5px;
	padding-right:5px;
}


.Crestpanel:hover .Crestfront {
    
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    transform: rotatey(180deg);
}

.Crestpanel:hover .Crestback {
       
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
}
.wecom{background:#fffff0; font-family:arial; font-size:12px; line-height:25px;}