@charset "utf-8";

/* CSS Document */

body{ padding:0; margin:0;  font:normal 12px/180% "宋体"; color:#333;text-align:center; background:url(images/bg02.gif) top repeat-x #F1F1F1;}

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/180% "宋体";}

li,p{text-align:left;font:normal 12px/180% "宋体";}

a:link,a:visited{color:#333; text-decoration:none;}

a:hover{color:#1E5598; text-decoration:underline;}

img{ border:none;}

ol,ul,li{list-style:none;}

em,i{ font-style:normal;} 

/*clear*/

.clear{ clear:both;}

.clearfix:after{display:block;clear:both;content:".";visibility:hidden; height:0;}

/*other*/

h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/180% "宋体";}

.mt10{ margin-top:10px;}

.mb10{ margin-bottom:10px;}

.m10{ margin:10px auto;}

.w980{ width:980px;}

.w977{ width:977px;}

.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}

.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}

.fl{ float:left;}

.fr{ float:right;}

.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}

.blue,.blue a:link,.blue a:visited,.blue a:hover{ color:#CBE3FC;}

/*top*/

.top01{ height:37px;}

.top01 img{ float:left;}

.top01 i{ float:right; line-height:37px;}

.top01 i a{ padding:0 8px;}

.top02{ background:url(images/top01.jpg) center top no-repeat; height:151px;}

/*p1*/

.p1_bg{ background:url(images/bg03.jpg) no-repeat top center;}

.nav01{ background:url(images/nav02.gif) no-repeat bottom center; width:935px; text-align:center; font:bold 14px/180% "宋体"; padding:10px 0;}

.nav01 img{ vertical-align:middle; margin:4px 15px;}

.p1_content{ width:935px; padding:10px 0;}

.p1_content .fl{ background:url(images/p1_08.gif) no-repeat; width:620px; height:497px; text-align:center; padding-top:10px;}

.p1_content .fr{ background:url(images/p1_01.gif) no-repeat left top; width:270px; padding-left:20px;}

.p1_content .fr h1{ font:normal 18px/180% \9ED1\4F53; padding:8px 0 4px;}

.p1_content .fr p{ padding:5px 0 10px 5px; display:block;}

.p1_content .fr h2{ margin:8px 0 2px;}



.p1_contentb{ width:980px; padding:10px 0;}

.p1_contentb .fl{ background:url(images/p1_09.gif) no-repeat; width:818px; height:536px; text-align:center; padding-top:10px;}

.p1_contentb .fr{width:150px; padding-left:10px;}

.p1_contentb .fr h1{ font:normal 18px/180% \9ED1\4F53; padding:8px 0 4px;}

.p1_contentb .fr p{ padding:5px 0 10px 5px; display:block;}

.p1_contentb .fr h2{ margin:8px 0 2px;}

/*p2*/

.p2_bg{background:url(images/bg05.jpg) center repeat-y; padding-bottom:12px;}

.p2_content{ background:url(images/p2_03.gif) repeat-y;}

.p2_content .fl{ width:666px; padding-bottom:10px;}

.p2_content .fr{ width:301px; background:url(images/p2_05.gif) top repeat-x #fff;}

.p2_content .fl h2{ background:url(images/p2_01.gif) no-repeat top left; height:53px; line-height:53px; text-align:right; padding-right:10px;}

.p2_content .fl ul{ padding:10px 0 10px 5px;}

.p2_content .fl ul li{ float:left; padding:8px 12px 0; text-align:center; height:186px; overflow:hidden;}

.p2_content .fl ul li img{ display:block; padding:2px; border:#ccc 1px solid;}

.p2_content .fl ul li i{ display:block; text-align:center; padding:8px 0 0; height:36px; line-height:18px; overflow:hidden;  width:188px;}

.p2_content .fl ul li center{ text-align:left; display:block; background:#999;filter:Alpha(Opacity=80); opacity: 0.8;-moz-opacity:0.8; margin-top:-66px; height:20px; line-height:20px; padding:0 10px; width:168px; color:#fff;}



.p2_content .fr ol{ background:url(images/p2_04.gif) no-repeat left top; width:276px; margin:15px auto 10px;}

.p2_content .fr ol li{ height:40px; line-height:40px; padding-left:25px;}

.p2_content .fr p{ display:block; width:285px; text-align:center; margin:10px auto;}

.p2_content .fr p img{ display:block; margin-bottom:5px;}

/*p3*/

.p3_bg{ background:url(images/bg04.jpg) center top no-repeat; height:361px;}

.p3_content{background:url(images/p2_03.gif) repeat-y;}

.p3_content .fl{ width:666px;}

.p3_content .fr{ width:301px; background:url(images/p2_05.gif) top repeat-x #fff;}

.p3_content .fl h2{ background:url(images/p3_01.gif) no-repeat top left; height:55px; line-height:55px; text-align:right; padding-right:10px;}

.p3_content .fl div{ background:url(images/p3_03.gif) no-repeat 328px 10px; width:100%;}

.p3_content .fl div span{ display:block; width:290px; float:left; text-align:center; padding:30px 20px; font-weight:bold;}

.p3_content .fl div span img{ margin-bottom:8px;}

.p3_content .fr div{ width:273px; margin:10px auto;}

/*copyright*/

.copyright{ text-align:center; color:#7B7B7B; padding:15px 0;}