@charset "gb2312";
/* CSS Document */
body{ width:100%; background:#fff; font-size:12px;font-family:"Î¢ÈíÑÅºÚ" !important; color:#0d0d0d; line-height:24px;}
*{ padding:0; margin:0;}
.fl{ float:left;}
.fl a{ color:#b5b5b6;}
.fr{ float:right;}
.clear{ clear:both; width:100%; height:0px; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
* html .clearfix, *:first-child+html .clearfix { zoom:1 }
ul,li{ list-style-type:none;}
i,em,b{ font-style:normal;}
img{ border:none;vertical-align:middle}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.relative {position:relative;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }


a{text-decoration:none;}
a:hover{ text-decoration: none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.w1000{ width:1000px; margin:0 auto;}
.w980{ width:980px; margin:0 auto;}
.w900{ width:900px; margin:0 auto;}
.w1080{ width:1080px; margin:0 auto;}
.w1110{ width:1110px; margin:0 auto;}


#con{ width:100%;margin:0 auto; background:#fff;}
.banner{ margin:0 auto; width:100%;height:509px; background:#060718 url(../images/banner.jpg) center no-repeat;}
.banner p{ text-align:center; padding-top:403px;}


#box1{ width:100%; margin:0 auto; background:#fff; padding-top:30px;}
#box1 p{ color:#000000; font-size:17px; line-height:35px; margin:0 auto; width:1022px; text-indent:2em;}

#box2{ width:100%; margin:30px auto 0;background:#f1f1f1;}
#box2 h2{text-align:center;background:#999999;}
.box2_con1{ text-align:center;}
.box2_con1 p{ text-align:center; padding-top:60px;}
.box2_con2{ width:972px; height:215px; overflow:hidden; margin:20px auto 0; border:1px solid #dfdfdf; text-align:center; }
.box2_con2 p{ color:#020202; font-size:17px; line-height:35px; text-indent:2em; text-align:left; padding:30px 60px 0;}
.box2_con2 a{ display:inline-block; margin-top:20px;}

#box3{ width:100%; margin:0 auto; background:#f1f1f1; padding-top:70px;}
#box3 h2{ text-align:center;background:#999999;}
.box3_con{ width:1020px; margin:0 auto;}

.box3_con ul{ overflow:auto;zoon:1; padding-top:20px;}
.box3_con ul li{float:left;display:inline;width:304px;height:436px;overflow:hidden;position:relative; margin:20px 15px 0;}
.box3_con ul li .photo{width:304px;height:436px;overflow:hidden;}
.box3_con .rsp{width:300px;height:430px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.box3_con .textzt{position:absolute;width:300px;height:430px;left:-300px;top:0px;overflow:hidden; font-family:"Î¢ÈíÑÅºÚ"}
.box3_con .textzt h3{width:300px;margin-top:220px;height:40px;line-height:40px;color:#FFFFFF;font-size:25px; margin-left:5px; font-weight:bold}
.box3_con .textzt h4{ font-size:15px; color:#fff; line-height:27px; padding-left:5px;}
.box3_con .textzt div{color:#FFFFFF;font-size:13px; padding:5px 5px 0; line-height:20px;}



#box4{ width:100%; margin:0px auto 0;background:#f1f1f1; padding-top:67px;}
#box4 h2{ text-align:center;background:#999999;}
.box4_con{ background:url(../images/b4_bg.jpg) repeat; height:632px; overflow:hidden;}
.box4_con p{ text-align:center;}


