@charset "utf-8";

﻿ div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:12px;font-family:"微软雅黑";color:#000000; text-align:left; background-color:#FFFFFF;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}
ul li{list-style:none;}
img{border:none;}

.banner01{ background:url(20151017jl_01.jpg) no-repeat center top; height:300px;}
.banner02{ background:url(20151017jl_02.jpg) no-repeat center top; height:298px;}
.banner03{ background:url(20151017jl_03.jpg) no-repeat center top; height:333px;}
.container{ width:1258px; margin:0 auto;}
.left01{ width:570px; float:left; margin-top:18px; background:#ebf4d5;}
.right01{ width:653px; float:right;}
.con1{ background:#ebf4d5;}
.con1 h1{ font-size:22px; line-height:29px; text-align:left;}
.con1 p{ font-size:18px; line-height:26px; padding:10px 0px;}
.con1 p a{ color:#ff0000;}
.con1  ul { padding-top:25px; padding-left:35px; padding-bottom:20px;}
.con1  ul li{ font-size:18px; line-height:25px;}
.js{ width:500px; height:330px; overflow:hidden; margin:7px auto; }
.js img{ width:500px; height:330px; }
.b_pic{ background:#e9f3d2; padding:0px 14px; width:1230px; height: auto; }
.js2{ width:1230px; height:618px; }
.pic_lis01{ width:1040px; margin:0 auto;}
.pic01{ width:220px; height:145px; overflow:hidden;  padding:23px 20px 47px; float:left;}
.pic01 img{  width:220px; height:145px;}
.pic_list02{ width:1250px; margin:0 auto;}
.pic02{ width:394px; height:268px; overflow:hidden; margin:28px 10px 10px; float:left;}
.pic02 img{ width:394px; height:268px; }

.foot01{ padding-bottom:43px; }

.qyjs{ background:#e8f3d1; width:1257px; margin:0 auto;}
.foot01 .logo{ width:102px; height:99px; float:left; padding:20px 40px }
.foot01 .text{ float:right; text-align:left; padding:20px; width:1050px; padding-left:0px; font-size:18px; line-height:25px;}

.foot02{ background:url(20151017jl_18.jpg) no-repeat center top; height:294px;  }

/* 本例子css */
	.focusBox { position: relative; width:1230px; height:708px;overflow: hidden; }
	.focusBox .pic img { width:1230px; height:618px; display: block; }
	.focusBox .hd2 { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
	.focusBox .hd2 li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd2 .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:291px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background-image:url(index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
    .focusBox .txt{ height:90px; width:100%; overflow:hidden;}
    .focusBox .txt li{ width:100%; height:90px; display:block;  position:absolute; bottom:0px;}
    .focusBox .txt li p{ padding:10px; line-height:28px; font-size:14px;}







.cl{ width:0px; height:0px; clear:both; overflow: hidden;}



