@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/top_bg.jpg) top center no-repeat #fff;}
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;}
.blue,.blue a:link,.blue a:visited,.blue a:hover{ color:#08428a;}
.grey,.grey a:link,.grey a:visited,.grey a:hover{ color:#999999;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

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

.top02{ height:377px;}
.top02 h1{ font-size:30px; padding-right:230px; text-align: right; height:80px; line-height:80px; margin-top:30px; margin-bottom:60px;}
.top02 h1 b{ font-size:60px;line-height:70px;}
.top02 h2{ font-size:30px; text-align:right; padding-right:45px; font-weight:bold; line-height:140%;}
.top02 h3{ font-size:48px; text-align:right; padding-right:45px;font-weight:bold; line-height:140%;}

/*p1*/
.p1_con{ width:960px; background:#fff; padding:20px; border:#f7f7f7 2px solid; margin-bottom:30px;}
.p1_con h2{ font-size:24px; padding:10px 0 6px;}
.p1_con p{ font-size:14px;}


/*p2*/
.title_01{ background:#4a9be6; height:50px; font-size:24px; padding-left:20px; margin-bottom:8px;}

.p2_con div{ border:#eeeeee 1px solid;}
.p2_con div ul{}
.p2_con div ul li{ width:222px; float:left; margin:20px 13px; font-size:14px; text-align:center; position:relative;}
.p2_con div ul li img{}
.p2_con div ul li em{ background:url(images/icon01.png) no-repeat; width:66px; height:66px; position:absolute; z-index:10; top:30px; left:75px;}


/*p3*/
.p3_con{ margin:30px auto;position:relative;}
.p3_con div{height:520px; width:1000px;position:absolute; z-index:2;overflow-x:hidden; overflow-y:scroll;}
.p3_con span{ width:100%; display:block; height:540px; z-index:1;}
.p3_con ul{ padding:40px;}
.p3_con ul li{ background:url(images/text_bg.png) 0 0 no-repeat; width:500px; height:110px; margin-bottom:15px; padding:15px 20px;}
.p3_con ul li h2{ display:block; height:25px; padding-right:10px; margin-bottom:5px;}
.p3_con ul li h2 b{ float:left; font-size:18px; font-weight:normal;}
.p3_con ul li h2 i{ float:right;}
.p3_con ul li p{ font-size:14px; display:block; line-height:140%; padding-right:20px;}

/*p4*/
.p4_con{ margin:30px auto;}
.p4_con dl{}
.p4_con dt{ width:650px; height:417px; overflow:hidden; float:left; margin-right:10px;}
.p4_con dd{ width:340px; height:204px;overflow:hidden; float:left; margin-bottom:10px;}
.p4_con dl p{ background:url(images/bg00.png); line-height:180%; font-size:14px; background:none; color:#000;}
.p4_con dl p b{ display:block; font-size:18px;}
.p4_con dt p{ width:610px; height:397px; display:block; margin-top:-417px; position:relative; z-index:10; padding:20px;}
.p4_con dd p{ width:300px; height:164px; display:block; margin-top:-204px; position:relative; z-index:10;padding:20px;}

.p4_con01{}
.p4_con01 dt{ width:1000px; height:auto; margin-right:0px;}
.p4_con01 dt p{ width:960px; height:auto; margin-top:0;}

/*p5*/
.p5_con{ margin:30px auto;}
.p5_con .fl{ width:625px;}
.p5_con .fr{ width:280px; background:#f4f4f4; padding:20px 30px;}
.p5_con .fl dl{}
.p5_con .fl dl dt{ float:left; width:220px; text-align:center;}
.p5_con .fl dl dt img{ margin:10px auto;}
.p5_con .fl dl dd{ float:right; font-size:14px; width:390px; padding-top:30px;}
.p5_con .fr b{ font-size:24px;}
.p5_con .fr p{ font-size:14px;}


.copyright{ text-align:center; padding:50px 0;}


.wb_ifream{ margin:30px auto;}

/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
body{ background:#fff; width:100%; min-width:320px; max-width:480px; }
.w1000{ width:100%; min-width:320px; max-width:480px;}
.top02{background-image:url(images/top_bg2.jpg); background-size:100%;}

.top02{ height:377px;}
.top02 h1{ font-size:24px; text-align:left; margin-right:0; margin-left:60px; height:60px; line-height:60px; margin-top:160px; margin-bottom:0px;}
.top02 h1 b{ font-size:36px;line-height:70px;}
.top02 h2{ font-size:24px; text-align:right; padding-right:45px; font-weight:bold; line-height:140%;}
.top02 h3{ font-size:36px; text-align:right; padding-right:45px;font-weight:bold; line-height:140%;}
.p1_con{ width:93%; padding:3%;}
.p1_con div img,.p1_con div video{ width:100%; height:auto;}

.p2_con div ul li{ width:46%; margin:2%;}
.p2_con div ul li img{ width:100%; height:auto;}
.p2_con div ul li em{ display:none;}

.p3_con{ margin:30px auto; position:relative;}
.p3_con div{height: auto; width:100%;position:relative;}
.p3_con span{ display:none;}
.p3_con ul{ padding:20px; height:auto;}
.p3_con ul li{ background:none; width:98%; height: auto; margin-bottom:15px; padding:15px 20px;}
.p3_con ul li h2{display:block; height:25px; padding-right:10px; margin-bottom:5px;}
.p3_con ul li h2 b{ float:left; font-size:18px; font-weight:normal;}
.p3_con ul li h2 i{ float:right;}
.p3_con ul li p{ display:block; float:left; font-size:14px; margin-bottom:15px;}


.p4_con dl{}
.p4_con dl img{ width:100%; height: auto;}
.p4_con dt{ width:100%; height:auto; overflow:hidden; float:left;margin-bottom:10px; display:none;}
.p4_con dd{ width:100%; height:auto;overflow:hidden; float:left; margin-bottom:10px;}
.p4_con dt p{ width:90%; height: auto; display:block; margin-top:-50%; position:relative; z-index:10; padding:5%;}
.p4_con dd p{ width:90%; height:auto; display:block; margin-top:-50%; position:relative; z-index:10;padding:5%;}

.p4_con01 dt{ display:block; }
.p4_con01 dt p{ margin-top:0px;}


.p5_con .fl{ width:98%;float: left;}
.p5_con .fr{ width:86%; background:#f4f4f4; padding:5%; float:left; margin-left:10px;}
.p5_con .fl dl{}
.p5_con .fl dl dt{ float:left; width:35%; text-align:center;}
.p5_con .fl dl dt img{ width:100%; height:auto; margin-left:8px; margin-top:20px;}
.p5_con .fl dl dd{ float:right; font-size:14px; width:60%; padding-top:15px; padding-bottom:20px;}
.p5_con .fr b{ font-size:24px;}
.p5_con .fr p{ font-size:14px;}

.wb_ifream{ display:none;}

#copyright{ display:none;}

}