@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/220% "宋体"; color:#000000;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/220% "宋体";}
li,p{text-align:left;font:normal 12px/220% "宋体";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/220% "宋体";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 14px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 11px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}

/*top*/
.top01{ height:37px; background:#f4f4f4;}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:37px;}
.top01 i a{ padding:0 8px;}

.top_con{ background:url(images/top01.jpg) top center no-repeat; height:737px;}
.p1_con{ background:url(images/bg02.jpg) top center no-repeat; height:753px;}
.p1_con .fl{ width:460px; padding-top:30px;}
.p1_con .fl h2{ clear:both; padding-bottom:5px; border-bottom:#2543b9 1px solid;}
.p1_con .fl span{ display:block; line-height:220%; padding-top:22px;}
.p1_con .fl p{ font-size:14px; padding-top:25px;}
.p1_con .fr{ position:relative; width:406px;}
.p1_con .fr span{ background:url(images/p1_01.png) no-repeat; width:406px; height:466px; display:block; position:absolute; z-index:5; top:0; left:0;}
.w900{ width:900px;}
.p1_con .pic01{ clear:both; padding-top:45px;}
.p1_con .pic01 li{ float:left; padding:10px; background:#fff; margin:0 10px;}

.p2_con{ background:#fff; padding:50px 0 30px;}
.p2_con .fl{ width:550px; padding-left:10px;}
.p2_con .fr{ width:390px; padding-top:20px;}
.p2_con .fl h2{ clear:both; padding-bottom:30px;}
.p2_con .fr ul{ margin:20px auto;}

.p3_con{ background:url(images/p2_02.jpg) top center no-repeat; height:806px;}
.p3_con .fl{ width:395px; padding-top:254px;}
.p3_con .fr{ width:550px; padding-top:254px;}
.p3_con .fl .pic{ padding-bottom:40px;}
.p3_con .fl .pic li{ float:left; padding-right:3px;}
.p3_con .fr .box{ clear:both; padding-bottom:58px;}
.p3_con .fr .list_14{ width:410px; float:right;}

.p4_con{ background:url(images/p3_01.jpg) top center no-repeat; padding:160px 0 30px;}
.p4_con ul{}
.p4_con ul li{ float:left; text-align:center; padding:0 8px 20px;}
.p4_con ul li img{ display:block; margin-bottom:8px;}

.p5_con{ background:url(images/p4_01.jpg) top center no-repeat; height:524px;}
.p5_con .w980{ padding-top:260px;}
.p5_con .left{ width:290px;}
.p5_con .center{ width:355px; padding-left:20px;}
.p5_con .right{ width:290px;}
.p5_con .center h1{ font:normal 18px/200% \5FAE\8F6F\96C5\9ED1;}
.p5_con .center p{ padding-bottom:15px;}
.p5_con .pic em{ display:block; height:30px; background:#000; margin-top:-30px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p5_con .pic i{display:block; height:30px; line-height:30px; margin-top:-30px; position:relative; z-index:2; font-size:12px; text-align:center;}

.p6_con{ background:url(images/p5_01.jpg) top center no-repeat; padding:160px 0 20px;}
.p6_con .left{ width:300px;}
.p6_con .center{ width:375px; padding-left:30px;}
.p6_con .right{ width:235px;}
.p6_con .left ul{}
.p6_con .left ul li{ margin-bottom:20px; height:140px;}
.p6_con .left ul li img{ padding-right:10px; float:left;}
.p6_con .left ul li span{ display:block; float:left;width:145px; padding-top:40px;}

.p6_con .pic{}
.p6_con .pic em{ display:block; height:30px; background:#000; margin-top:-30px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p6_con .pic i{display:block; height:30px; line-height:30px; margin-top:-30px; position:relative; z-index:2; font-size:12px; text-align:center;}
.p6_con .right li{ margin-bottom:22px;}

.copyright{ text-align:center; background:#f1f1f1; padding:30px 0;}

#box3{width:550px;height:330px;position:relative;}
#box3 ul li{display:none;text-align:center;position:absolute;font-weight:bold;height:29px;line-height:29px;}
#box3 ul li img{display:block;}
#box3 ul li span{position:absolute;top:300px;left:8px;font-size:12px;z-index:3;}
#box3 ul li a{color:#fff;}
#box3 ul li div{background:#000;filter:alpha(opacity=50);opacity:.5;height:29px;position:absolute;top:300px;width:550px;z-index:1;}
#box3 ol{position:absolute;top:308px;right:5px;z-index:1;}
#box3 ol li.active{display:block;background:#d1182a;}
#box3 ol li{width:22px;height:15px;line-height:15px;float:left;cursor:pointer;border-left:1px solid #fff;text-align:center;font-size:14px;color:#fff;font-weight:bold;}
#box4{width:480px;height:300px;position:relative;}
#box4 ul li{display:none;text-align:center;position:absolute;font-weight:bold;height:29px;line-height:29px;}
#box4 ul li img{display:block;}
#box4 ul li span{position:absolute;top:270px;left:8px;font-size:12px;z-index:3;}
#box4 ul li a{color:#fff;}
#box4 ul li div{background:#000;filter:alpha(opacity=50);opacity:.5;height:29px;position:absolute;top:270px;width:480px;z-index:1;}
#box4 ol{position:absolute;top:278px;right:5px;z-index:1;}
#box4 ol li.active{display:block;background:#d1182a;}
#box4 ol li{width:22px;height:15px;line-height:15px;float:left;cursor:pointer;border-left:1px solid #fff;text-align:center;font-size:14px;color:#fff;font-weight:bold;}