html, body, p {
border: 0 none;
margin: 0;
padding:0;
outline-style: none;
outline-width: 0;
vertical-align: baseline;
}
/*--------------------------------------------
container
--------------------------------------------*/
div#container {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
div.examples_body {
width:1000px;
margin: 50px auto 0 auto;
clear: both;
overflow: hidden;
position: relative;
}
/* The main banner unordered list */
.bannerHolder {
width: 960px;
padding: 20px 10px 20px 10px;
overflow: hidden;
/* CSS3 rounded corners */
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
/* Hiding the bullets of the li elements: */
.bannerHolder li {
list-style: none;
display: inline;
}
/* The banner divs */
.banner {
width: 180px;
height: 240px;
position: relative;
overflow: hidden;
float: left;
display: inline;
margin: 0 5px 10px;
}
/* The banner divs */
.banner img {
display: block;
border: none;
}
/* The dark animated divs */
.banner div {
position: absolute;
z-index: 100;
background-color: #222;
width: 60px;
height: 60px;
cursor: pointer;
/* Setting a really big value for border-radius
will make the divs perfect circles */
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
}
/* Positioning the animated divs outside the
corners of the visible banner area: */
.banner .cornerTL { left:-63px; top:-63px; }
.banner .cornerTR { right:-63px; top:-63px; }
.banner .cornerBL { left:-63px; bottom:-63px; }
.banner .cornerBR { right:-63px; bottom:-63px; }
/* The "Visit Company" text */
.banner p {
width: 100%;
left: 0;
top:100px;
z-index: 200;
position: absolute;
color: #FFF;
cursor: pointer;
display: none; /* hidden by default */
font-weight: normal;
text-align: left;
font-size: 14px;
font-family: ËÎÌå;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,span,img{
margin: 0px;
padding: 0px;
}
body{
font-family: "Microsoft YaHei";
font-size: 14px;
}
ul, li {
list-style: none;
}
a{
text-decoration: none;
}
img{
margin:0;
border:0;
}
.all_div{
margin-left: auto;
margin-right: auto;
width:1020px;
padding: 20px
}
.div_style{
width:1020px;
height:auto;
float:left;
}
.logo {
float: left;
margin-left: 10px;
}
.weather {
padding-top: 10px;
width: 400px;
float: left;
margin-left: 40px;
}
.search_div {
float: left;
width: 280px;
margin-top: 30px;
margin-left:10px;
}
.nv_bg{
float:left;
width:100%;
height:63px;
text-align:center;
line-height:63px;
margin-top:0px;
}
.nv_bg a{
font-family:΢ÈíÑźÚ;
color:#FFF;
font-weight: normal;
font-size: 18px;
text-decoration: none;
}
.nv_pannel{
float: left;
width: 25%;
height: 63px;
text-align: center;
line-height: 63px;
}
.nv_pannel:hover{
background: #134B9E;
}
.div_bar_nv{
float:left;
width:1020px;
height:63px;
background-color: #1C1363;
line-height:63px;
margin-bottom:10px;
text-align: center;
}
.div_bar_nv span{
line-height: 63px;
font-size: 24px;
font-weight: normal;
color: white;
font-family: microsoft yahei;
}
.div_bar{
float:left;
width:1020px;
height:63px;
background:url(http://www.sh.chinanews.com/3/2020-09-25/U424P939T3D156F12DT20200925114029.png);
line-height:63px;
margin-bottom:10px;
text-align: center;
}
.div_bar2{
float:left;
width:1020px;
height:5px;
background:url(http://www.sh.chinanews.com/3/2020-09-25/U424P939T3D156F1857DT20200925114029.png);
margin-bottom:10px;
text-align: center;
}
.div_bar span{
line-height: 63px;
font-size: 24px;
font-weight: normal;
color: white;
font-family: microsoft yahei;
}
#zu_wen_334901 {
border: 1px #c3c9cd solid;
height: auto;
background: none;
color: black;
border-width: 0px 0px 0px 0px;
margin: 0 auto;
}
#zu_wen_334901 ul {
margin-left: 10px;
margin-right: 10px;
}
#zu_wen_334901 .li_t_334901, #zu_wen_334901 .li_t_334901 a {
color: black;
line-height: 20px;
text-align: left;
padding-top: 7px;
font-size: 18px;
font-weight: bold;
color: #000;
font-family: Microsoft YaHei;
}
#zu_wen_334901 .li_c_334901, #zu_wen_334901 .li_c_334901 a, #zu_wen_334901 .li_c_334901 a:visited {
font-weight: normal;
color: black;
line-height: 20px;
background: transparent none repeat scroll 0 0;
height: auto;
padding-top: 10px;
text-indent: 0;
text-align: left;
font-size: 12px;
font-family: ËÎÌå;
}
#zu_wen_334900 {
border: 1px #c3c9cd solid;
height: auto;
background: none;
color: #003793;
border-width: 0px 0px 0px 0px;
margin: 0 auto;
}
#zu_wen_334900 ul {
margin-left: 10px;
margin-right: 10px;
}
#zu_wen_334900 .li_t_334900, #zu_wen_334900 .li_t_334900 a {
color: black;
line-height: 16px;
text-align: left;
padding-top: 7px;
font-size: 16px;
font-weight: bold;
color:#3F79A9;
font-family: Microsoft YaHei;
}
#zu_wen_334900 .li_c_334900, #zu_wen_334900 .li_c_334900 a, #zu_wen_334900 .li_c_334900 a:visited {
font-weight: normal;
color: rgb(71, 66, 66);
line-height: 20px;
background: transparent none repeat scroll 0 0;
height: auto;
padding-top: 10px;
text-indent: 0;
text-align: left;
font-size: 12px;
font-family: ËÎÌå;
}
#zu_wen_334900 .li_t_334900 a:hover {
text-decoration: underline;
}
#zu-wen-334473 {
padding-top: 5px;
text-align: left;
}
#zu-wen-334473 ul {
text-align: left;
padding-left: 20px;
list-style: none;
}
#zu-wen-334473 li {
width: 100%;
float: left;
line-height: 24px;
display: block;
color: black;
position: relative;
font-size: 12px;
font-family: ËÎÌå;
list-style: none;
}
#zu-wen-334473 li a {
color: black;
font-size: 12px;
text-decoration: none;
line-height: 24px;
width: 95%;
font-weight: normal;
font-family: ËÎÌå;
}
#zu-wen-334473 li span {
color: black;
font-size: 12px;
position: absolute;
bottom: 0px;
right: 10px;
}