/* CSS Document */

body{ margin:0; padding:0;font-family:"Microsoft YaHei"; background:#fff; font-size:12px; color:#05133c; }
img { border:none;}
ul,li{ list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
a{ text-decoration:none; color:#000; font-family:"Microsoft YaHei";}
#clear{ clear:both;}

/*--- top ---*/
#top{margin:0 auto;}
#top a{ display:block; width:100%; height:300px;}
#top .top_1{ background:url(../images/banner_1.gif) no-repeat; height:279px; overflow:hidden; margin:0 auto; width:100%; background-position: center top;}
#top .top_2{ background:url(../images/banner_2.gif) no-repeat;height:300px; overflow:hidden; margin:0 auto; width:100%; background-position: center top;}
/*--- top ---*/

/*--- mid ---*/
#mid{margin:0 auto;}
#mid .mid_1,#mid .mid_2,#mid .mid_3,#mid .mid_4{ width:1014px; margin:0px auto;}
#mid .mid_1 img{margin-top:-120px;}
#mid .mid_1 .text{background: #00a2ba;padding: 0px 35px;margin-top: -60px;color: #fff;font-size: 15px;line-height: 40px;}

#mid .mid_2{ margin:20px auto;}
#mid .mid_2 ul{ margin:20px auto;}
#mid .mid_2 ul li{ float:left; padding:0px 7px 7px 0px;}
#mid .mid_2 ul li.n{ padding:0px;}

#mid .mid_3{ margin:20px auto;}
#mid .mid_3 ul{ margin:20px auto;}
#mid .mid_3 ul li{ float:left;width:250px; height:180px; border:1px solid #00a2ba; background:#e7f5ff; margin:0px 1px 1px 0px;}
#mid .mid_3 ul li a{ display:block; width:248px; height:130px; text-align:center; margin:0 auto;}
#mid .mid_3 ul li span{ display:block; width:248px; height:48px; line-height:48px; text-align:center; margin:0 auto; font-size:14px;}
#mid .mid_3 ul li.n{ margin:0px;}

#mid .mid_4{ margin:20px auto;}
#mid .mid_4 ul{ margin:20px auto;}
#mid .mid_4 ul li{ width: 500px;overflow: hidden;margin: 0;padding: 0;}
#mid .mid_4 ul li h3{ width: 500px;height: 20px;overflow: hidden;line-height: 20px;color: #0f1014;font-size: 18px;margin: 0 0 20px;padding: 0;}
#mid .mid_4 ul li h3 span{ display: block;width: 2px; height: 20px; overflow: hidden;margin: 3px 18px 3px 0; padding: 0;background-color: #0f1014;float: left;}
#mid .mid_4 ul li .vd_main{width: 460px; height: 320px;overflow: hidden;margin: 0;padding: 0; border: 20px solid #0f1014;}
#mid .mid_4 ul li .vd_main video{width: 460px; height: 320px; overflow: hidden;margin: 0 auto;padding: 0;background-color: #111;}
.fl{ float:left;}
.fr{ float:right;}

/*--- mid ---*/

/*--- foot ---*/
.foot{ max-width:1920px; height:252px; overflow:hidden; margin:0 auto; background:#303741;}
.ly_foot { width:1014px; overflow:hidden; margin:0px auto; padding:0; background:#303741;}
.ly_foot img { overflow:hidden; margin:50px 140px 0 0; padding:0; float:left;}
.ly_foot .ft_contact { width:700px; height:121px; overflow:hidden; margin-top:35px; padding:0; float:left;}
.ft_contact font { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px; margin:0; padding:0;}
.ft_contact span { display:block; width:30px; height:1px; overflow:hidden; margin:20px 0 24px; padding:0; background-color:#fff;}
.ft_contact a { display:inline-block; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:14px; margin:0 20px 0 0; padding:0 20px; border:1px solid #fff; border-radius:2px;}
.ft_contact a:hover { background-color:#00a2ba;}
/*--- foot ---*/