﻿@charset "utf-8";
@import "/templets/meiya/css/header_footer.css";
/*globe*/
body { color: #000; font: 12px/24px "微软雅黑",Arial;padding: 0;margin:0; background:#fff;}
a{color: #666;}
a:hover{color:#000}
ul,li,p,ol,h1,h2,h3,h4{list-style-type:none; padding:0; margin:0; font-weight:normal}
img{border:none;}
.center{ text-align:center}

#banner{ width:100%; height:600px;}
#banner .b1{ background:url(banner_1.jpg) no-repeat top center; width:100%; height:300px;}
#banner .b2{ background:url(banner_2.jpg) no-repeat top center; width:100%; height:299px;}

#swt1{ width:730px; margin:0 auto; height:82px; padding:50px 0}
#swt1 a,.swt6{ display:block; width:285px; height:82px; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; text-decoration:none; color:#000; text-align:center; line-height:82px; font-size:28px; color:#fff; background: url(dian.jpg) no-repeat 220px center #D1452E; float:left; margin:0 20px; padding:0 40px 0 0}

h2.title{ color:#3B40B5; width:100%; text-align:center; padding:60px 0 30px 0 }
#box_1{ width:100%;height:580px; clear:both;}
#box_1 ul{ width:840px; margin:0 auto; font-size:24px; text-align:center; line-height:32px;color:#494949; padding:0 0 30px 0}
#box_1 p{ width:100%; background:url(1-1.jpg) no-repeat top center; height:323px}

#box_2{ width:100%; margin:0 auto; height:754px; clear:both;}
#box_2 ul{ width:1080px; margin:0 auto; text-align:center}
#box_2 ul li{ width:33.3333333%; float:left; text-align:center; position:relative}
#box_2 ul li.li1{background:url(2-1.jpg) no-repeat  right #fff; height:421px}
#box_2 ul li.li2{background:url(2-2.jpg) no-repeat right #fff; height:421px}
#box_2 ul li.li3{background:url(2-3.jpg) no-repeat right #fff; height:421px}
#box_2 ul li span{ display:block; position:absolute; color:#000; left:52px; bottom:48px; font-size:26px}

#box_2 div{ width:1080px; margin:0 auto} 
#box_2 div ol.ol1{background:url(jiegou.jpg) no-repeat;width:533px; height:296px; float:left}
#box_2 div ol.ol2{background:url(duibi.jpg) no-repeat;width:533px; height:296px; float:right}
#box_2 div ol li{width:533px; height:278px;background:#000; padding:18px 0 0 0;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#box_2 div ol li p{ width:486px; height:166px;border:3px solid #fff; margin:0 auto; font-size:46px; text-align:center; color:#fff; line-height:50px; padding:88px 0 0 0}
#box_2 div ol li p b{ font-weight:normal; color:#0EACED}
#box_2 div ol li p span{ font-size:20px; display:block}
#box_2 div ol:hover li{ display:none}

#box_3{ width:100%; margin:0 auto;background:url(3.jpg) no-repeat center #99C2EE;height:1161px; clear:both}
#box_3 ul{ width:1040px; margin:0 auto; position:relative}
#box_3 ul p{font-size:21px; width:925px; text-align:center; line-height:32px; color:#fff; position: absolute; top:480px; left:55px}
#box_3 ul li{ width:648px; height:386px; background:#000; position:absolute; left:390px; top:70px}


#box_4{ width:100%; margin:0 auto;}
#box_4 ul{ width:1076px; height:614px; margin:0 auto; background:url(4.jpg) no-repeat center;position:relative; border:1px solid #BFBFBF}
#box_4 ul p{ position: absolute}
#box_4 ul p.p1{ font-size:18px; width:540px; line-height:26px; text-align:center; top:470px; left:30px}
#box_4 ul p.p2{ font-size:20px; width:333px; line-height:26px; text-align:center; top:80px; right:30px; color:#1F9AD3;}
#box_4 ul p.p3{ font-size:20px; width:333px; line-height:26px; text-align:center; top:143px; right:30px; color:#1F9AD3;}
#box_4 ul p.p4{ font-size:20px; width:333px; line-height:26px; text-align:center; top:208px; right:30px; color:#1F9AD3;}
#box_4 ul p.p5{ font-size:20px; width:333px; line-height:26px; text-align:center; top:293px; right:30px; color:#1F9AD3;}
#box_4 ul p.p6{ font-size:20px; width:333px; line-height:26px; text-align:center; top:355px; right:30px; color:#1F9AD3;}
#box_4 ul p.p7{ font-size:20px; width:333px; line-height:26px; text-align:center; top:463px; right:30px; color:#1F9AD3;}
#box_4 ol{ width:100%; margin:0 auto;background:url(4-1.jpg) no-repeat center;height:320px; clear:both}

#box_5{ width:100%; margin:0 auto; height:1205px; clear:both; padding:30px 0 0 0; clear:both}
#box_5 ul{ width:100%; height:612px;background:url(5-1.jpg) no-repeat center;}
#box_5 p{ width:100%; height:612px;background:url(5-2.jpg) no-repeat center;}


#box_6{ width:100%; margin:0 auto; height:777px; clear:both;background:url(6.jpg) no-repeat center #F7F7F7;}


		/* 本例子css */
		.slideTxtBox{ width:1085px; margin:0 auto}
		.slideTxtBox .hd{ height:421px;position:relative;width:310px; height:480px; padding:20px 0 0 0; float:left; background:url(6bj.png) no-repeat }
		.slideTxtBox .hd ul{position:absolute; }
		.slideTxtBox .hd ul li{cursor:pointer;height:96px; line-height:90px; text-align:center; width:310px; font-size:25px; color:#fff}
		
		.slideTxtBox .hd ul li.on{ color:#000}
		.slideTxtBox .bd ul{zoom:1;  }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }


		
		
		
		
#box_7{ width:100%;height:775px; clear:both;background:url(7.jpg) no-repeat top center #004564;}
#box_7 ul{ width:1120px; margin:0 auto; padding:20px 0 0 0}
#box_7 ul li{ width:33.333333%; float:left}
#box_7 ul li div{ width:334px; background:#fff; height:536px}
#box_7 ul li div p{ width:100%; text-align:center; padding:24px 0 0 0}
#box_7 ul li div p img{-moz-border-radius: 50%;      /* Gecko browsers */-webkit-border-radius: 50%;   /* Webkit browsers */border-radius:50%; border:9px solid #1F9BCF}
#box_7 ul li div h2{ font-size:26px; color:#000; width:215px; margin:0 auto; height:70px; line-height:70px; border-bottom:1px solid #000; text-align:center}
#box_7 ul li div h2 span{ color:#666}
#box_7 ul li div ol{ font-size:15px; font-weight:bold; text-align:center; padding:15px 0 20px 0; color:#666; height:100px}
#box_7 ul li div a{ display:block; width:125px; height:34px; border:3px solid #343434; line-height:34px; text-align:center; font-size:18px; text-decoration:none; color:#343434; margin:0 auto; font-weight:bold}

#box_7 ul li div:hover{ background:#1F9BD1}
#box_7 ul li div:hover p img{ border:9px solid #fff}
#box_7 ul li div:hover h2{ color:#fff; border-bottom:1px solid #fff;}
#box_7 ul li div:hover h2 span{ color:#04648C}
#box_7 ul li div:hover ol{ color:#fff}
#box_7 ul li div:hover a{border:3px solid #fff; color:#fff;}
		
		
		
.jwlogo { display:none;}/*去掉html5播放器上的logo*		
		
		
