BODY {background:URL(bg.jpg) #01285d;background-repeat:repeat-y;background-position:top center;background-position:top center;margin:0px;FONT-SIZE: 12px;LINE-HEIGHT: 24px;color:#444;FONT-FAMILY: "微软雅黑","宋体","Arial Narrow";
scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#70807d; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ccc; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#fff}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type:none;}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:26px; line-height:40px; color:#000; text-align:center; color:#0F0}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:20px; line-height:30px; color:#000; text-align:center; }

div{margin:0;padding:0;}
td{font-size:16px;line-height:24px;color:#333;}
hr{height:1px;border:none;margin:10px auto; border-bottom:#000 2px solid;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
a:active{color:#444;text-decoration:none;}
a.N1a:link{padding:0 8px;}
a.N1a:visited{padding:0 8px;}
a.N1a:hover{padding:0 8px;}
a.N1a:active{padding:0 8px;}

#bgcenter{ width:1200px; clear:both; margin:0 auto; background-color:#fff;}
#nav{width:100%; min-width:1200px; clear:both; background-color:#222; text-align:center;color:#fff;}
#nav a{color:#fff; padding:0 23px;}


.bb{background-color:#E20816; text-align:center; padding-top:20px;}
@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
 
.slide-in {
  animation: slideIn 2s forwards;
}

.z{font-size:15px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.zc{font-size:16px; line-height:28px; padding-right:20px; padding-left:20px;}
.zs{font-size:16px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.fa{border-right:#eee 1px solid;}
.fa img{padding-left:10px;}
.bt{ font-size:16px;font-weight:bold; color:#0B80B1; line-height:40px; text-align:left;padding-left:10px;}
#lr{width:1200px; border:#01285d 1px solid; margin:20px auto;}
#lr p{ font-size:24px; line-height:34px; padding-top:20px;}
#lr div{padding:20px;}

.cp1{ float:left; width:579px; padding-top:20px;padding-left:20px;}
.cp2{ float:left; width:579px; padding-top:20px;padding-left:10px;}
.cp1 img{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;transition:transform 1s ease-out;}
.cp1 img:hover{transform: rotateY(360deg);}
.cp2 img{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;transition:transform 1s ease-out;}
.cp2 img:hover{transform: rotateY(360deg);}

#case1{ clear:both;}
#case3{ clear:both;}
#case3 ul li{ float:left; width:372px; padding-left:20px;}
#case3 ul li:first-child{padding-left:0px;}

.mydiv {
background-color: #fff;
border: 5px solid #eee;
text-align: center;
line-height: 40px;
font-size: 12px;
z-index:999;
padding:0;
width: 650px;
height: 500px;
left:50%;
top:50%;
margin-left:-320px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-260px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg {
background-color: #000; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=90);/*IE*/
opacity:0.9;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}

.framvideo{width:640px; height:500px; font-size:16px; line-height:60px;}
.framvideo td{ font-size:18px; line-height:60px;}
.w:link{color:#000; padding-right:10px;}
.w:visited{color:#000; padding-right:10px;}
.w:hover{color:#f00; padding-right:10px;}
.w:active{color:#000; padding-right:10px;}




#center{MARGIN: 0px auto;clear:both;z-index:1; WIDTH: 1200px; _width: 1126px;overflow:hidden;}
#cl{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 1px;}
#cl1{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 10px;}


#bann{ width:100%; clear:both; margin:0 auto;height:447px; text-align:center; overflow:hidden; margin-bottom:20px;}
#bann img{ padding-top:20px;}


#dbt{width:1200px; margin:15px auto 15px auto; clear:both; line-height:55px; height:55px; background-color:#01285d; color:#fff; font-size:24px; font-weight:bold;}
#dbt1{width:1200px; margin:15px auto 15px auto; clear:both; line-height:65px; height:65px; background-color:#01285d; color:#fff; font-size:24px; font-weight:bold; text-align:center;}

.tdlr{ font-size:16px; line-height:34px; padding:20px;}
.tdlr strong{ color:#F00;}


#main{width:1158px;height:513px;margin:10px auto;}
#main ul{list-style:none;}
#main ul li{width:289.5px;height:470px;float:left;position:relative;}
#main ul li img{border:10px solid #F5F5F5;-webkit-transition:1s ease;-moz-transition:1s ease;}
#main .info{width:250px;height:250px;border:10px solid #F5F5F5;background:#a0c2e8;position:absolute;bottom:0px;right:0;-webkit-transition:1s ease;-moz-transition:1s ease;-moz-transform:rotatey(30deg);-webkit-transform:rotatey(30deg);}
#main .info h2{text-align:center;line-height:60px;color:#0061a1;font-weight:normal;font-size:20px;}
#main .info p{padding:0 20px;font-size:12px; line-height:25px;}
#main .info a{display:block;width:100px;height:30px;background:#7a3f3a;color:#FFF;border-radius:5px;text-decoration:none;text-align:center;line-height:30px;margin:10px auto;}

#main ul li:hover .info{-webkit-transform:rotatey(0deg);-moz-transform:rotatey(0deg);right:0px;bottom:50px;}
#main ul li:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}

.cptd1{ float:left; width:360px; margin-left:30px; margin-top:26px;}
.cptd1 img{ width:360px; overflow:hidden;}