﻿
#szxcarea #szxc div.left div.info {  font-size: 1.2em;text-indent:2.4em }
#szxcarea #szxc div.right { position: relative;height:100%;text-align: center;height:460px }
#szxcarea #szxc div.right img { position: absolute; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }


#jczlarea #jczl div.right div.info { font-size: 1.2em; text-indent: 2.4em }
#jczlarea #jczl div.left { position: relative; height: 100%; text-align: center; height: 360px }
#jczlarea #jczl div.left img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }


#zhdjarea #zhdj div.right { position: relative; height: 500px;}
#zhdjarea #zhdj div.left {  z-index: 99999;position:relative }
#zhdjarea #zhdj div.left div.info { font-size: 1.2em; text-indent: 2.4em; }
#zhdjarea #zhdj div.right img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }


#hswharea #hswh div.left { position: relative;height:420px }
#hswharea #hswh div.right div.info { font-size: 1.2em; text-indent: 2.4em; }
#hswharea #hswh div.left img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }

img.animation { animation-name: szxcfloat; animation-duration: 1.5s; animation-iteration-count: infinite; }
img.animation2 { animation-name: heartbeat; animation-duration: 2s; animation-iteration-count: infinite; }
img.animation3 { animation: myfirst2 15s infinite linear; }
/** 动画 **/
@keyframes szxcfloat { 0% { top: 5px; }
 50% { top: 0px; }
 100% { top: 5px; }
}
@keyframes heartbeat {
 0% { transform: scale(0.9,0.9); opacity: 1; }
 50% { transform: scale(1,1); opacity: 0.9; }
 100% { transform: scale(0.9,0.9); opacity: 1; }
}

@keyframes myfirst2 {
 from { transform: rotate(0deg); }
 to { transform: rotate(359deg); }
}
