@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/bg.jpg) top center no-repeat;}
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/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
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/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.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;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

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

/*nav*/
.nav_m{ height:180px;}
.nav_m ul{ float:right; margin-top:10px;}
.nav_m li{ float:left; width:225px; margin-left:1px; position:relative;}
.nav_m li img{ position:relative; z-index:1;}
.nav_m li em{ display: block; position:absolute; top:0; left:0; z-index:5;}
.nav_m li:hover em{ z-index:0;}
/*p1*/
.p1_con{ margin:40px auto;}
.p1_con .left{ width:320px;}
.p1_con .center{ width:300px; padding-left:30px;}
.p1_con .right{ width:320px; position:relative;}
.p1_con .center h1{ font-size:24px;}
.p1_con .center p{ font-size:14px;}
.p1_con .right img{ position:relative; z-index:1;}
.p1_con .right em{ background:url(images/icon01.png); width:64px; height:64px; display:block; position:absolute; top:60px; left:120px; z-index:10;}
.p1_con .right span{ background:url(images/bg02.png); width:100%; height:45px; line-height:45px; bottom:0; left:0; z-index:10; text-align:center; font-size:14px; display:block; position: absolute;}

.title{ margin:75px auto 30px; text-align:center;}
.title h2{ margin:0 auto; text-align:center; padding-left:90px;}


/*p2*/
.p2_title{ margin:30px auto; background:url(images/line01.png) bottom repeat-x;}
.p2_title ul{ margin:0 auto;}
.p2_title li{ padding-bottom:10px; float:left; background:url(images/dot01.png) bottom center no-repeat; width:75px; text-align:center; cursor:pointer; margin:0 12px;}
.p2_title li:hover{ background:url(images/dot02.png) bottom center no-repeat;}
.p2_title li.this{ background:url(images/dot02.png) bottom center no-repeat;}
.p2_con{ margin:20px auto;}
.p2_con dl{ border:#d9eaf2 1px solid; padding:10px; width:978px;}
.p2_con dl dt{ float:left; width:500px;}
.p2_con dl dd{ float:right; width:440px; padding-right:20px}
.p2_con dl dd b{ font-size:28px; margin-bottom:20px; margin-top:10px; display:block; font-weight:normal; line-height:140%;}
.p2_con dl dd p{ font-size:16px;}

.p2_con_1{ margin:-10px auto 20px; background:#f4f6f7;}
.p2_con_1 p{ font-size:14px; padding:10px 20px;}

.foucs3{ position: relative;}
.pre3{ background:url(images/left.png);width:48px;height:76px; position:absolute;top:100px;left:-56px;z-index:100; cursor:pointer;}
.next3{ background:url(images/right.png);width:50px;height:76px;top:100px;right:-56px;position:absolute; z-index:100; cursor:pointer;}


/*p3*/
.p3_con{ margin:0 auto 40px;}
.p3_con .sp{ margin:0 auto;}
.p3_con .white{ background:url(images/bg02.png);}
.p3_con .white p{ font-size:28px; font-weight:normal; text-align:center; padding:20px 40px; line-height:140%;}

.p3_con_2{ margin:0 auto 40px;}
.p3_con_2 dl dt{ float:left; width:748px; height:196px; background:#4e86b2;}
.p3_con_2 dl dt p{ font-size:14px; padding:40px 40px 40px 50px;}
.p3_con_2 dl dd{ float:left; margin-left:2px; width:247px; height:196px; margin-top:1px; position:relative;}
.p3_con_2 dl dd img{ display:block;}
.p3_con_2 dl dd span{ display:block; background:url(images/bg02.png); text-align:center; height:45px; font-size:14px; line-height:45px; margin-top:1px;}

.p3_con_2 dl dd em{ background:url(images/icon01.png); width:64px; height:64px; display:block; position:absolute; top:50px; left:100px; z-index:10;}


.p3_con li{}
.foucs4{ position: relative;}
.pre4{ background:url(images/left.png);width:48px;height:76px; position:absolute;top:130px;left:-56px;z-index:100; cursor:pointer;}
.next4{ background:url(images/right.png);width:50px;height:76px;top:130px;right:-56px;position:absolute; z-index:100; cursor:pointer;}


/*p4*/
.p4_con_2{}
.p4_con_2 dl{ height:450px; overflow:hidden; margin-bottom:1px;}
.p4_con_2 dl dt{ float:left; width:332px; height:450px; background:#22689f;}
.p4_con_2 dl dt p{ padding:30px 30px 30px 40px; font-size:14px;}
.p4_con_2 dl dt p b{ display:block; font-weight:normal; font-size:22px; line-height:160%; margin-bottom:10px;}
.p4_con_2 dl dd{ float:right; width:667px;}
.p4_con_2 ul{}
.p4_con_2 ul li{ float:left; width:332px; margin-right:1px;}


/*p5*/
.p5_con{ margin:0 auto 40px;}
.p5_con dl{ height:409px; overflow:hidden; margin-bottom:1px;}
.p5_con dl dt{ float:left; width:332px; height:409px; background:#22689f;}
.p5_con dl dt p{ padding:30px 30px 30px 40px; font-size:14px;}
.p5_con dl dt p b{ display:block; font-weight:normal; font-size:22px; line-height:160%; margin-bottom:10px;}
.p5_con dl dd{ float:right; width:667px;}
.p5_con_2{background:#22689f;}
.p5_con_2 img{ display:block;}
.p5_con_2 p{ padding:20px 20px 20px 30px; display:block; font-size:16px;}

.copyright{ text-align:center; line-height:260%; padding:80px 140px;}