*{ margin:0 auto; padding:0;}
body{ margin:0; padding:0; text-align:center; background:#5ea7d8 url("imagesbody_Bg.gif") repeat-x; font-size:12px;}
.clear{ clear:both; height:0px; font-size:0px; line-height:0px;}
ul li{ list-style:none;}
#mian{ width:1100px; margin:0 auto;}

.head{ height:100px; width:1100px; padding:110px 0 0 0;}
.head .web971_logo{ background:url("images971logo.png") no-repeat; height:127px;width:713px;float:left; }
.head .web971{ background:url("imagesG_logo.png") no-repeat left bottom; width:300px; height:100px; float:right;}

.con{  width:530px; padding:64px 15px 0 15px; float:left;}
.con .paly{ width:530px; float:left; }
.con .text{  width:510px; height:80px; float:left; padding:10px 10px 0;}
.con .text .text_bg{ background:url("imagestext.gif") no-repeat; width:490px; height:30px; border:0; padding:7px 10px 0; color:#9ec6c7;}
.con .text .btn_bg{ background:url("imagesbtn_bg.png") no-repeat; width:510px; height:38px; border:0; margin-top:5px; display:inline; cursor:pointer;}
.info{ float:left; width:530px; height:350px; padding:68px 0 0 0;}
.info .info_bg{ background:url("imagesinfo_Bg.png") no-repeat; float:left; width:470px; padding:18px 30px; }
.info .info_bg .title{ background:url("imagesinfo_title.gif") no-repeat; width:150px; height:28px; float:left;}
.info .info_bg .date{ width:100px; height:20px; line-height:20px; float:right; background:#59a5d7; color:#fff;}
.info .info_bg .info_list{ float:left; width:230px; text-align:left;}
.info .info_bg .info_list li{ float:left; line-height:25px;}
.info .info_bg .info_list li p{ width:90px;  float:left;}
.info .info_bg .info_list li .bold{ font-size:14px;width:130px; height:25px; overflow:hidden; float:left; font-weight:bold; color:#87cefd;}

.footer{ width:1080px; color:#fff; text-align:left; padding-left:20px; float:left; padding-top:20px; height:70px;}