@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; 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/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/dot01.png) no-repeat 0 16px; padding-left:15px;font-size:14px; line-height:240%;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:hover,.white a:visited{ color:#fff;}


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

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

.daoyu{ width:840px; margin:50px auto; background:url(images/bg08.png) center center no-repeat;}
.daoyu p{ text-align:center; display:block; color:#999; width:660px; margin:0 auto; font-size:14px;}

.nav{}
.nav li{ float:left; text-align:center; width:100px; font-size:18px; margin:0 21px;}
.nav li em{ display:block;}
.nav li i{ display:none;}
.nav li img{ display:block;}
.nav li:hover i{ display:block;}
.nav li:hover em{ display:none;}

/*p1*/
.p1_con{ margin:30px auto;}
.p1_con .topPic img.prev{ position:absolute;left:20px;top:250px;width:22px;height:36px; z-index:10;}
.p1_con .topPic img.next{ position:absolute;right:20px;top:250px;width:22px;height:36px; z-index:10;}
.p1_con .topPic li{height:563px;width:1000px; position:relative;}
.p1_con .topPic span{ display:block; height:65px;line-height:65px; background:url(images/bg01.png);font:normal 18px/50px "\5FAE\8F6F\96C5\9ED1";color:#fff;padding:0 0 0 10px; position:absolute;bottom:0px;right:0;z-index:100; overflow:hidden;width:100%; text-align:center}
.p1_con .topPic span b{font-size:30px;color:#ff0000;font-weight:normal;margin-left:30px;}
.p1_con .topPic span i{ display:block; float:right;width:50px;height:50px;line-height:50px; background:url(images/more1.gif) no-repeat center center;
 }
.p1_con .topPic span em{ line-height:60px;}
.p1_con .topPic span.this{width:50px;right:0;bottom:0; }
.p1_con .topPic span.this em{ display:none;}

h1{ text-align:center; font:bold 24px/180% "宋体"; text-align:center; margin:30px auto 20px; height:100px;}
h1.t01{ background:url(images/bg02.png) center bottom no-repeat;}
h1.t02{ background:url(images/bg03.png) center bottom no-repeat;}

/*p2*/
.p2_bg{ background:url(images/bg04.png) top repeat-x;}
.p2_con li{ background:url(images/bg05.png) no-repeat; width:332px; height:312px; text-align:center; color:#666; float:left; margin:5px 0px;}
.p2_con li p{ text-align: center; padding:0 15px; color:#666; font-size:14px;}
.p2_con li a:link,.p2_con li a:visited,.p2_con li a:hover{ color:#666;}
.p2_con li img{ display:block; margin:15px auto 6px;}

.p2_con .more{text-align:center; font-size:14px; color:#666; background:#eee; width:150px;}
.p2_con div#tiles ol{overflow:hidden;width:630px;margin:0 auto;clear:both; background:#f8f8f8; margin-top:10px;}
.p2_con div#tiles ol li{width:630px;overflow:hidden;clear:both;border-bottom:1px solid #e2e2e2;padding:28px 0;font-size:14px;line-height:180%;display:none;}



/*p3*/
.p3_con{ background:url(images/bg06.png) right repeat-y #fff; width:998px; border:#33c3f3 1px solid; position:relative; margin:50px auto 30px; padding-bottom:20px;}
.p3_con .fl{ width:678px;}
.p3_con .fr{ width:319px;}
.p3_con .line_icon{ position:absolute; z-index:10; background:url(images/icon03.png); width:48px; height:38px; bottom:-20px; left:-25px;}
.p3_con .fl h2{font:bold 24px/110% "宋体"; text-align:center; float:left; background:url(images/icon08.png) top right  no-repeat; padding-right:21px; height:300px; width:48px;}
.p3_con .fl h2 img{ display:block; margin:20px auto 8px;}
.p3_con .fl .box{ width:560px; float:left; padding:10px 0 0 20px;}
.p3_con .fl .box dl{ width:260px; float:left; border-bottom:#eeeeee 1px dashed; padding:25px 10px;}
.p3_con .fl .box dl dt{ float:left; position:relative; width:100px; height:100px;}
.p3_con .fl .box dl dt img{ display:block; position:absolute; top:0; left:0; z-index:5;}
.p3_con .fl .box dl dt em{ position:absolute; z-index:9; background:url(images/icon10.png); width:100px; height:100px; display:block;}
.p3_con .fl .box dl dd{ padding-top:10px; float:left; width:130px; padding-left:25px;}
.p3_con .fl .box dl dd b{ font-size:18px; display:block; font-weight:normal;}
.p3_con .fl .box dl dd i{ font-size:14px; color:#999; display:block; padding:3px 0 10px;}
.p3_con .fl .box dl dd span{ font-size:14px; border:#333 1px solid; padding:5px 12px;}
.p3_con .fr h2{font:bold 24px/48px "宋体"; background:url(images/icon09.png) bottom left no-repeat; padding-bottom:21px; height:48px;}
.p3_con .fr h2 img{ vertical-align:middle; margin-left:10px; margin-right:8px;}
.p3_con .fr ul{ margin:0 auto 0 25px;}

/*p4*/
.p4_con{ margin:0 auto 80px;}
.p4_con ul li{ width:490px;}
.p4_con ul li img{ display:block;}
.p4_con ul li p{ display:none; position:relative; z-index:10; margin-top:-210px; background:url(images/bg01.png); width:440px; height:120px; padding:40px 0 0 50px;}
.p4_con ul li p b{ font-size:24px; line-height:220%; margin-bottom:8px; border-bottom:#fff 2px solid; display:block; width:240px;}
.p4_con ul li:hover p{ display:block; font-size:14px;}

/*p5*/
.p5_bg{ background:#33c3f3; padding:70px 0;}

.p5_con{ background:url(images/bg07.png) top right repeat-y #fff; width:998px; border:#333 1px solid; position:relative; margin:50px auto 30px; padding-bottom:20px;}
.p5_con .fl{ width:678px;}
.p5_con .fr{ width:318px;}
.p5_con .line_icon{ position:absolute; z-index:10; background:url(images/icon11.png); width:48px; height:38px; top:-20px; right:-25px;}
.p5_con .fl h2{font:bold 24px/110% "宋体"; text-align:center; float:left; background:url(images/icon12.png) top right  no-repeat; padding-right:20px; height:305px; width:48px;}
.p5_con .fl h2 img{ display:block; margin:20px auto 8px;}
.p5_con .fl .box{ width:590px; padding:10px 0 0 10px; float:left;}
.p5_con .fl .box ul li{ float:left; margin:15px 6px}
.p5_con .fl .box ul li em{ display:block; position:relative; height:32px; font:normal 14px/32px "微软雅黑"; text-align:center; background:url(images/bg01.png); margin-top:-32px; z-index:10;}
.p5_con .fl .box ul li img{ display:block;}
.p5_con .fl .box span{ background:#000; text-align:center; font-size:24px; width:200px; height:40px; line-height:40px; margin:0px auto 0; display:block;}

.p5_con .fr h2{font:bold 24px/48px "宋体"; background:url(images/icon13.png) bottom left no-repeat; padding-bottom:20px; height:48px;}
.p5_con .fr h2 img{ vertical-align:middle; margin-left:10px; margin-right:8px;}
.p5_con .fr ul{ margin:0 auto 0 25px;}

 
.copyright{ background:#000; padding:40px 0;}
.copyright .fr{ width:285px; border-left:#fff 1px dashed; padding-left:35px;}
.copyright .fl{ width:670px;} 
.copyright h2{ font-size:20px; line-height:220%;}
.copyright p{ line-height:220%;} 
.copyright ul li{ width:33%; float:left; font-size:14px;}

/*20170320
.nav li {
    margin: 0 49px;
}*/